JS 代码
jQuery(function($){
$(".order-pick>input").on("click",function(){
$("#bg").show();
$("#tanchuang").show();
});
$("#tanchuang>ul>li").on("click",function(){
closetc();
});
});
function closetc(){
$("#bg").hide();
$("#tanchuang").hide();
}
关闭
$(".close, .cancel").bind('click', function(e){
e.preventDefault();
$(this).parents(".popup").fadeOut();
})
点击显示
$("[data-pop]").bind('click', function(e){
e.preventDefault();
var obj = $(this).attr("data-pop");
$(".popup").hide();
//var thisheight = $("#"+obj).find('.box').height();
$("#"+obj).fadeIn();
if (obj=="rank"){
loaded();
}
});
html代码
活动介绍
$(document).on('touchend', function() {
//滑到底部执行加载更多
if($('.po-win-wai').is(':visible')){}else{
if ($(document).scrollTop() + 100 >= $(document).height() - $(window).height()) {
$('.Loading').show();
$('.Loading').text('加载中...');
second();
setTimeout(function() {
$('.Loading').fadeOut();
}, 1000)
} else {
$('.Loading').fadeOut();
}
}
});
jQuery(function($){
// 单选 框
// $(".votelist ul li").click(function(){
// event.stopPropagation();
// $("input").removeAttr('checked')
// $(this).find("input[type=checkbox]").prop("checked",true);
$(this).find(".checkboxFour").addClass("list_se")
$(this).siblings().find(".checkboxFour").removeClass('list_se');
// })
// });
//多选框
$(".votelist ul li").on("click",function(){
if($(this).find("input[type=checkbox]").is(':checked'))
{
$(this).find("input").prop('checked',false);
$(this).find(".checkboxFour").removeClass('list_se');
}
else
{
$(this).find("input[type=checkbox]").prop("checked",true);
$(this).find(".checkboxFour").addClass('list_se');
}
})
})
jQuery(function($){
// if ( $(".swiper-nav").length>0 ){
// $(".client-nav .swiper-slide").eq(0).addClass("current");
// var nav = $('.swiper-nav').swiper({
// slidesPerView: 'auto',
// freeMode:true,
// freeModeFluid:true,
// onSlideClick: function(nav){
// nav.swipeTo( nav.clickedSlideIndex )
// pages.swipeTo( nav.clickedSlideIndex )
// $(".client-nav .swiper-slide").removeClass("current");
// $(".client-nav .swiper-slide").eq( nav.clickedSlideIndex ).addClass("current");
// }
// })
//
// //Function to Fix Pages Height
// function fixPagesHeight() {
// $('.swiper-pages').css({
// height: $(window).height()-90
// })
// }
// $(window).on('resize',function(){
// fixPagesHeight()
// })
// fixPagesHeight()
//
// //Init Pages
// var pages = $('.swiper-pages').swiper({
// onTouchEnd: function(){
// $(".client-nav .swiper-slide").removeClass("current");
// $(".client-nav .swiper-slide").eq( pages.activeIndex ).addClass("current");
// nav.swipeTo( pages.activeIndex )
// }
// })
//
// //Scroll Containers
// $('.scroll-container').each(function(){
// $(this).swiper({
// mode:'vertical',
// scrollContainer: true,
// mousewheelControl: true,
// scrollbar: {
// container:$(this).find('.swiper-scrollbar')[0]
// }
// })
// })
// }
// })
//cacel.html切换效果
$('.sao').on("click", function(event) {
event.preventDefault();
if ($('.message01-main').is(':visible')) {
$('.message01-main').slideUp(1000);
} else {
$('.message01-main').slideDown(1000);
}
});
//li最后一行无border-bottom
var lilen = $(".mobanlist>ul>li").length;
var setli = lilen%3;
if(setli==0)
{
setli=3;
}
if(lilen<=3)
{
$(".mobanlist>ul>li:gt("+ setli-1 +")").css("border-bottom","none");
}
else
{
$(".mobanlist>ul>li:gt("+ (lilen-setli-1) +")").css("border-bottom","none");
}
ajax获取表单
//车型筛选
$('.carming>ul>li').on('click',function(){
var data = $(this).attr("id");
if(data == "all"){
$("div[data-name]").fadeIn();
}else{
$("div[data-name="+ data +"]").show().siblings().hide();
}
});
下拉加载ajax
jQuery(function(){
dbAjax();
$('.video-list ul li').on('click',function(){
var page = 1;
var id = $(this).find('.sid').text();
window.location.href='video-division-details.html'+"?id="+id+"&page="+page;
})
});
var page = 1;//定义一个变量表示页数
function dbAjax(){
$.ajax({
url:'http://union.playwx.com:9080/gamevideo/if/game_list',
dataType:'json',
success:function(data) {
if (data.c == 1) {
var json = data.gameList;
var html = '';
$.each(json, function (i, thisjson) {
html += '
html += '',
html += '
html += '
html += '',
html += '',
html += '
});
$('.video-list ul').append(html);
page++;//执行成功之后页数就+1.这样下次执行参数 的时候就是下一页了。
tmove();//把数据添加到页面之后，执行下拉方法绑定
}else{
alert('加载有误');
}
}
});
}
function tmove(){
$(document).on('touchmove',function(){
//滑到底部执行加载更多
if ($(document).scrollTop()+100 >= $(document).height() - $(window).height()) {
$('.Loading').show();
dbAjax();
}else{
$('.Loading').hide();
}
});
}
遍历
/*** 获取对象长度* @param o* @returns {*}*/
function count(o){
var t = typeof o;
if(t == 'string'){
return o.length;
}else if(t == 'object'){
var n = 0;
for(var i in o){
n++;
}
return n;
}
return false;
};
for(var i=0;i
px转rem
第一步：页面加入根元素计算JS代码
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 100 * (clientWidth / 320) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
判断是否为空值
if( replyList.length > 0){} else if(page == 1 && replyList.length == 0){}
进度条html
超出省略号
$(function(){
var str = "[公告]远大集团是一家以独特技术为理念，以保护生命为信条的企业，以保护生命为信条的企业以保护生命为信条的企业远大";
textEllipsis(str);
function textEllipsis(str){
var $text = $(".js p");
var strLenght = str.length;
var divWidth = $text.width();
var strNum = parseInt(divWidth / 14（字体号）) * 2 - 4;
if(strLenght > strNum){
var $str = str.substring(0,strNum) + "...";
$text.text($str);
} else {
$text.text(str);
}
}
});
//倒计时
function GetRTime(element,EndTime){
window.setInterval(function(){
var NowTime = new Date();
var nMS = EndTime - NowTime.getTime();
var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
var nH = Math.floor(nMS/(1000*60*60)) % 24;
var nM = Math.floor(nMS/(1000*60)) % 60;
var nS = Math.floor(nMS/1000) % 60;
if (nMS < 0){
//时间到
}else{
element.find(".day").text(nD);
element.find(".hour").text(nH);
element.find(".minute").text(nM);
element.find(".second").text(nS);
}
}, 1000);
}
jQuery(function($){
//countdown
if ( $('.countdown').length>0 ){
var timebox = $('.time');
var timelist = timebox;
for(var i = 0;i < timelist.length; i++){
var startTime = new Date(timebox.eq(i).data('time'));
//console.log(startTime);
EndTime = startTime.getTime();
GetRTime(timebox.eq(i),EndTime);
}
}
});
弹窗显示方法
---以下js实现
$(function(){
$("元素").click( function () {
toast("生成成功！");
}); ---使用此方法
toast = function(text){
$("弹窗元素").html(text).show();
window.setTimeout(function(){
$("弹窗元素").hide();
},1500);
}
})
与Swiper-3.0.8同用时 每个屏的有上下滑动的div
var myScroll;
function loaded () {
myScroll = new IScroll('#wrapper');
}
function echowrapper(){
$(".wrapperclass").each(function(i,v){
$(this).attr("id","wrapper" + i).find(".scrollerclass").attr("id","scroller" + i);
var m = new IScroll('#wrapper' + i);
});
}
jQuery(function($){
echowrapper();
});
关闭滑动事件
document.getElementById("showwin").addEventListener('touchmove',function(e){e.preventDefault();},false);
从ajax获取的内容加span标签放入到html
var shareText = params.shareText;
for(var i=0;i
};
遍历span加属性
var share = 0.2;--动画延迟 时间
var $span = $('属性');
for(var i = 0; i<$span.length; i++){
$span.eq(i).css("-webkit-animation-delay",(share+0.2)+"s");
share = share + 0.2;
}
jQuery(function($){
var swiper = new Swiper('.swiper-container',{
followFinger : false,
// allowSwipeToPrev : false,
/* onInit: function(swiper){
$('.swiper-slide-next').addClass('pt-page-rotateCubeLeftIn');
$('.swiper-slide-next').siblings().removeClass('pt-page-rotateCubeLeftIn')
},*/
onTouchEnd: function(swiper){
var index = swiper.activeIndex;
console.log(index);
if(swiper.isEnd){
window.location.href="ind-uni-18.php";
}else{
//$('.swiper-slide-next').removeClass('pt-page-rotateCubeLeftIn');
}
}*/
onTransitionStart: function(swiper){
var index = swiper.activeIndex;
var next = index - 1 ;
if(swiper.isEnd){
window.location.href="ind-uni-18.php";
}else{
$('.swiper-wrapper>div:eq('+ next +')').addClass('pt-page-rotateCubeLeftOut');
$('.swiper-wrapper>div:eq('+ next +')').siblings().removeClass('pt-page-rotateCubeLeftOut');
}
},
onTransitionEnd: function(swiper){
var index = swiper.activeIndex;
var next = index - 1 ;
if(swiper.isEnd){
window.location.href="ind-uni-18.php";
}else{
$('.swiper-wrapper>div:eq('+ index +')').addClass('pt-page-rotateCubeLeftIn');
$('.swiper-wrapper>div:eq('+ index +')').siblings().removeClass('pt-page-rotateCubeLeftIn');
}
},
})
})
各网站JQUERY