jquery选项卡自动转换

最新推荐文章于 2024-11-23 10:26:02 发布

wenqingzzz

最新推荐文章于 2024-11-23 10:26:02 发布

阅读量439

点赞数

分类专栏：网站制作

网站制作专栏收录该内容

45 篇文章

订阅专栏

本文探讨了一段使用JavaScript实现的自动导航脚本，通过事件监听和DOM操作，实现在指定时间间隔内自动切换页面元素，同时响应鼠标事件进行交互控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<script type="text/javascript">
		$(function(){
			var cur = 1;
			var se = setInterval(go,3000);
			var is_auto = 0;	//是否自动触发
			$('#tabnav div').mousemove(function(){
				var n = $('#tabnav div').index(this);
				if (is_auto == 0) {
					//不是自动触发，用户鼠标点击的，停止定时器
					clearInterval(se);
					cur = n + 1;	//停止之后在运动，从当前开始走
				}
				$(this).addClass('ad_select').siblings().removeClass('ad_select').addClass('ad_tab');
				$('#navpic img').hide();
				$('#navpic img').eq(n).show();
				is_auto = 0;
			}).mouseout(function(){
				se = setInterval(go,1000);
			});
			function go(){
				is_auto = 1;
				$('#tabnav div').eq(cur).trigger('mousemove');
				cur++;
				if(cur >= 3) cur = 0;
			}
		});
	</script>