jQuery无缝图片渐变切换特效

jQuery无缝图片渐变切换特效是一款鼠标经过索引按钮渐变切换图片特效代码。

js代码
<scripttype="text/javascript">$(document).ready(function(){
vartimejg=3000;//轮播间隔时间
varsize=$('.box_imgulli').size();
for(vari=1;i<=size;i++){
$('.box_tab').append('<ahref="javascript:(void)">'+i+'</a>')
}$('.box_imgulli').eq(0).show();
$('.box_taba').eq(0).addClass('active')
$('.box_taba').mouseover(function(){
$(this).addClass('active').siblings().removeClass('active');
varindex=$(this).index();
i=index;
$('.box_imgulli').eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);
});vari=0;
vartime=setInterval(move,timejg);functionmove(){
i++;
if(i==size){
i=0;
}$('.box_taba').eq(i).addClass('active').siblings().removeClass('active');
$('.box_imgulli').eq(i).fadeIn(300).siblings().fadeOut(300);
}$('.box').hover(function(){
clearInterval(time);
},function(){
time=setInterval(move,timejg);
});
});
</script>



下载

2023-11-23 01:03 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]