下面这段代码替换你原来的js代码,亲测可用……
原理:
1.设置了一个定时器,每2秒触发。
2.如果用户自己切换,停止定时器。当用户鼠标离开区域时,再次进入定时切换。
不懂再问~
$(function(){
var i=0;//初始记录用户鼠标经过是第几个li
var canmove=true;
$('.menu li').mouseenter(function(){
canmove=false;
clearInterval(li_timer);
i=$(this).index();
$(this).addClass('off').siblings().removeClass('off');
$('.menudiv div').hide();
$('.menudiv div').eq(i).show();
});
$("#tab1").mouseenter(function(){//只要用户鼠标在这个tab1区域内,就不自动跳转
canmove=false;
}).mouseleave(function(){
clearInterval(li_timer);
setTimeout(function(){canmove=true;},2000);//两秒后自动切换
});
function li_timer(){
if(canmove){
i++;
if(i==$('.menu li').length){
i=0;
}
$('.menu li').eq(i).addClass('off').siblings().removeClass('off');
$('.menudiv div').hide();
$('.menudiv div').eq(i).show();
}
}
setInterval(li_timer,2000);//每两秒切换
});
实现了,但是代码写的不好
设置一个定时器, 每5秒钟执行一次你的tab切换事件..
var a = 1;
alert(a);