jquery实现通用的内容渐显Tab选项卡效果

2020-05-29 06:57:17易采站长站整理

timer = setTimeout(autoroll, speed);
};
/* 鼠标悬停即停止自动轮换 */
function stoproll() {
$("#lxfTab-click li").hover(function() {
clearTimeout(timer);
i = $(this).prevAll().length;
}, function() {
timer = setTimeout(autoroll, speed);
});
};
autoroll();
//执行自动轮换函数
stoproll();
//启动悬停功能
});
</script>
</head>
<body>
<div id="lxfTab-click">
<ul class="title">
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
<li>
4
</li>
<li>
5
</li>
</ul>
<div class="LRbutton">
<ul>
<li></li><li></li><li></li>
</ul>
</div>
<ul class="content">
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
<li>
4
</li>
<li>
5
</li>
</ul>
</div>
</body>
</html>

希望本文所述对大家的jquery程序设计有所帮助。