
js代码
<script type="text/javascript">
var index=0,timer;
$(".ctrl-i").click(function () {
clearInterval(timer);
index=$(this).index();
slide (index);
timerF();
})
$(document).ready(function () {
timerF();
})
function timerF () {
timer=setInterval(function(){
index++;
if (index>=5) {
index=0;
}
slide(index);
},3000)
}
function slide (index) {
$(".ctrl .ctrl-i").eq(index).addClass("ctrl-i-active").siblings().removeClass("ctrl-i-active");
$(".main .main-i").eq(index).addClass("main-i-active");
setTimeout(function(){
$(".main .main-i").eq(index).siblings().removeClass("main-i-active");
},500)
}
//鼠标移到图片上禁止滚动,鼠标移开开始滚动
$(".main-i").hover(function () {
clearInterval(timer);
},function () {
timerF();
})
</script> *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
