MediaWiki:Common.js：修订间差异
删除的内容 添加的内容
小无编辑摘要 标签：已被回退 |
小无编辑摘要 标签：手工回退 |
||
| （未显示同一用户的6个中间版本） | |||
| 第8行： | 第8行： | ||
history.replaceState({}, document.title, 'Index'); |
history.replaceState({}, document.title, 'Index'); |
||
} |
} |
||
//轮播图滚动 |
|||
$(function () { |
|||
var $carousels = $('.carousel'); |
|||
var startX,endX; |
|||
var offset = 50; |
|||
$carousels.on('touchstart',function (e) { |
|||
startX = e.originalEvent.touches[0].clientX; |
|||
}); |
|||
$carousels.on('touchmove',function (e) { |
|||
endX = e.originalEvent.touches[0].clientX; |
|||
}); |
|||
$carousels.on('touchend',function (e) { |
|||
var distance = Math.abs(startX - endX); |
|||
if (distance > offset){ |
|||
$(this).carousel(startX >endX ? 'next':'prev'); |
|||
} |
|||
}) |
|||
}); |
|||
$(function(){ |
|||
var scrollWidth = document.documentElement.scrollWidth || document.body.scrollWidth; |
|||
var i=0; |
|||
var timer=null; |
|||
for (var j = 0; j < $('.img li').length; j++) { //创建圆点 |
|||
$('.num').append('<li></li>') |
|||
} |
|||
$('.num li').first().addClass('active'); //给第一个圆点添加样式 |
|||
var firstimg=$('.img li').first().clone(); //复制第一张图片 |
|||
$('.img').append(firstimg).width($('.img li').length*($('.img img').width())); //将第一张图片放到最后一张图片后，设置ul的宽度为图片张数*图片宽度 |
|||
$('.des').width($('.img li').length*($('.img img').width())); |
|||
// 下一个按钮 |
|||
$('.next').click(function(){ |
|||
i++; |
|||
if (i==$('.img li').length) { |
|||
i=1; //这里不是i=0 |
|||
$('.img').css({left:0}); //保证无缝轮播，设置left值 |
|||
}; |
|||
$('.img').stop().animate({left:-i*scrollWidth},300); |
|||
if (i==$('.img li').length-1) { //设置小圆点指示 |
|||
$('.num li').eq(0).addClass('active').siblings().removeClass('active'); |
|||
$('.des li').eq(0).removeClass('hide').siblings().addClass('hide'); |
|||
}else{ |
|||
$('.num li').eq(i).addClass('active').siblings().removeClass('active'); |
|||
$('.des li').eq(i).removeClass('hide').siblings().addClass('hide'); |
|||
} |
|||
}) |
|||
// 上一个按钮 |
|||
$('.prev').click(function(){ |
|||
i--; |
|||
if (i==-1) { |
|||
i=$('.img li').length-2; |
|||
$('.img').css({left:-($('.img li').length-1)*scrollWidth}); |
|||
} |
|||
$('.img').stop().animate({left:-i*scrollWidth},300); |
|||
$('.num li').eq(i).addClass('active').siblings().removeClass('active'); |
|||
$('.des li').eq(i).removeClass('hide').siblings().addClass('hide'); |
|||
}) |
|||
//设置按钮的显示和隐藏 |
|||
$('.banner').hover(function(){ |
|||
$('.btn').show(); |
|||
},function(){ |
|||
$('.btn').hide(); |
|||
}) |
|||
//鼠标划入圆点 |
|||
$('.num li').mouseover(function(){ |
|||
var _index=$(this).index(); |
|||
$('.img').stop().animate({left:-_index*scrollWidth},150); |
|||
$('.num li').eq(_index).addClass('active').siblings().removeClass('active'); |
|||
$('.des li').eq(_index).removeClass('hide').siblings().addClass('hide'); |
|||
}) |
|||
//定时器自动播放 |
|||
// timer=setInterval(function(){ |
|||
// i++; |
|||
// if (i==$('.img li').length) { |
|||
// i=1; |
|||
// $('.img').css({left:0}); |
|||
// }; |
|||
// $('.img').stop().animate({left:-i*600},300); |
|||
// if (i==$('.img li').length-1) { |
|||
// $('.num li').eq(0).addClass('active').siblings().removeClass('active'); |
|||
// $('.des li').eq(0).removeClass('hide').siblings().addClass('hide'); |
|||
// }else{ |
|||
// $('.num li').eq(i).addClass('active').siblings().removeClass('active'); |
|||
// $('.des li').eq(i).removeClass('hide').siblings().addClass('hide'); |
|||
// } |
|||
// },1000) |
|||
// //鼠标移入，暂停自动播放，移出，开始自动播放 |
|||
// $('.banner').hover(function(){ |
|||
// clearInterval(timer); |
|||
// },function(){ |
|||
// timer=setInterval(function(){ |
|||
// i++; |
|||
// if (i==$('.img li').length) { |
|||
// i=1; |
|||
// $('.img').css({left:0}); |
|||
// }; |
|||
// $('.img').stop().animate({left:-i*600},300); |
|||
// if (i==$('.img li').length-1) { |
|||
// $('.num li').eq(0).addClass('active').siblings().removeClass('active'); |
|||
// $('.des li').eq(0).removeClass('hide').siblings().addClass('hide'); |
|||
// }else{ |
|||
// $('.num li').eq(i).addClass('active').siblings().removeClass('active'); |
|||
// $('.des li').eq(i).removeClass('hide').siblings().addClass('hide'); |
|||
// } |
|||
// },1000) |
|||
// }) |
|||
}) |
|||