66 lines
1.3 KiB
JavaScript
66 lines
1.3 KiB
JavaScript
|
|
|||
|
|
$(document).ready(function(){
|
|||
|
|
var num=$('.banner_span span').length;
|
|||
|
|
var i_mun=0;
|
|||
|
|
var timer_banner=null;
|
|||
|
|
$('.banner_ul li:gt(0)').hide();//页面加载隐藏所有的li 除了第一个
|
|||
|
|
|
|||
|
|
//底下小图标点击切换
|
|||
|
|
$('.banner_span span').click(function(){
|
|||
|
|
$(this).addClass('banner_span_one')
|
|||
|
|
.siblings('span').removeClass('banner_span_one');
|
|||
|
|
var i_mun1=$('.banner_span span').index(this);
|
|||
|
|
$('.banner_ul li').eq(i_mun1).fadeIn('slow')
|
|||
|
|
.siblings('li').fadeOut('slow');
|
|||
|
|
|
|||
|
|
i_mun=i_mun1;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//自动播放函数
|
|||
|
|
function bannerMoveks(){
|
|||
|
|
timer_banner=setInterval(function(){
|
|||
|
|
move_banner()
|
|||
|
|
},4000)//(毫秒为单位，这是3秒)
|
|||
|
|
};
|
|||
|
|
bannerMoveks();//开始自动播放
|
|||
|
|
|
|||
|
|
//鼠标移动到banner上时停止播放
|
|||
|
|
$('.banner').mouseover(function(){
|
|||
|
|
clearInterval(timer_banner);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//鼠标离开 banner 开启定时播放
|
|||
|
|
$('.banner').mouseout(function(){
|
|||
|
|
bannerMoveks();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//banner 右边点击执行函数
|
|||
|
|
function move_banner(){
|
|||
|
|
if(i_mun==num-1){
|
|||
|
|
i_mun=-1
|
|||
|
|
}
|
|||
|
|
//大图切换
|
|||
|
|
$('.banner_ul li').eq(i_mun+1).fadeIn('slow')
|
|||
|
|
.siblings('li').fadeOut('slow');
|
|||
|
|
//小图切换
|
|||
|
|
$('.banner_span span').eq(i_mun+1).addClass('banner_span_one')
|
|||
|
|
.siblings('span').removeClass('banner_span_one');
|
|||
|
|
i_mun++
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|