function timer(i) {
interval = setInterval(function () {
$("#dataMenu li:eq(" + i + ") a").tab('show');
i++;
if (i > 3)
i = 0;
}
, 5000);
return interval;
}
$(function () {
var i = 0;
interval = timer(i);
//当鼠标悬停在列表区域时暂停轮换
$("#dataMenu .tab-pane").mouseover(function () {
clearInterval(interval);
});
//鼠标移开时继续轮换
$("#dataMenu .tab-pane").mouseout(function () {
timer(i);
});
});
基于bootstrap的tab自动切换,鼠标悬停
最新推荐文章于 2024-02-29 17:28:51 发布
本文介绍了一个JavaScript函数,用于创建一个数据菜单的轮播效果,通过setInterval实现每5秒切换内容。当鼠标悬停时暂停轮换,离开时恢复。关键代码展示了如何使用定时器和事件监听来控制界面交互。
3025

被折叠的 条评论
为什么被折叠?



