基本信息
源码名称:最简单的轮播器.js
源码大小:0.89KB
文件格式:.js
开发语言:js
更新时间:2022-01-27
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
最简单的轮播器.js
$(function(){
var c = 0;
function run(){
c ;
c = (c==5)?0:c;
$("#pic img").eq(c).fadeIn().siblings('img').fadeOut();
$("#pic ul li").eq(c).css({'background':'#a10000'}).siblings('li').css({'background':'black'});
}
var timer = setInterval(run,1000);
$("#pic ul li").mouseenter(function(){
var jqthis = $(this);
clearInterval(timer);
tt = setTimeout(function(){
c = jqthis.index();
$("#pic img").eq(c).stop().fadeIn(500).siblings('img').stop().fadeOut(500);
$("#pic ul li").eq(c).css({'background':'#a10000'}).siblings('li').css({'background':'black'});
},200)
})
$("#pic ul li").mouseleave(function(){
clearTimeout(tt);
timer = setInterval(run,1000);
})
})
最简单的轮播器.js
$(function(){
var c = 0;
function run(){
c ;
c = (c==5)?0:c;
$("#pic img").eq(c).fadeIn().siblings('img').fadeOut();
$("#pic ul li").eq(c).css({'background':'#a10000'}).siblings('li').css({'background':'black'});
}
var timer = setInterval(run,1000);
$("#pic ul li").mouseenter(function(){
var jqthis = $(this);
clearInterval(timer);
tt = setTimeout(function(){
c = jqthis.index();
$("#pic img").eq(c).stop().fadeIn(500).siblings('img').stop().fadeOut(500);
$("#pic ul li").eq(c).css({'background':'#a10000'}).siblings('li').css({'background':'black'});
},200)
})
$("#pic ul li").mouseleave(function(){
clearTimeout(tt);
timer = setInterval(run,1000);
})
})