注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
/* UTC时钟使用本地时区。 */
window.LiveClockTimeZone = 'Asia/Shanghai';
/* 优化 */
if (location.pathname === '/') {
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 () {
//鼠标的移入移出
$('.carousel').mouseover(function (){
$(".jt_right").show();
$(".jt_left").show();
}).mouseout(function (){
$(".jt_right").hide();
$(".jt_left").hide();
});
$('.jt_right').mouseover(function (){
$(".jt_right").show();
$(".jt_left").show();
}).mouseout(function (){
$(".jt_right").hide();
$(".jt_left").hide();
});
$('.jt_left').mouseover(function (){
$(".jt_right").show();
$(".jt_left").show();
}).mouseout(function (){
$(".jt_right").hide();
$(".jt_left").hide();
});
});
$(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)
// })
})