Question

自己用JQuery写了一个焦点图的程序，setInterval怎么让他鼠标在图片上停止，离开就再运行呢？

现在是一直循环，怎么可以让鼠标移上去就停止，离开就再运行呢？
代码如下：
function getimg(){
for(j=1;j<7;j++)
{
$("#idou_"+j).removeClass();
}
i=i+1;
if(i==7)
{
i=1;
}
$("#idou_"+i).addClass("idouh");
var v=i-1;
if(v==0)
{
v=6;
}
$("#fyimg_"+v).fadeOut(1000);
$("#fyimg_"+i).fadeIn(1000);
}
// var inos=setInterval(getimg, 3500);
var obj;
obj=setInterval(getimg, 3500);

Answer 1

$("#someDivToHover").hover(function(){
	clearInterval(obj);
	},
	function(){
	obj=setInterval(getimg, 3500);
	}
);

试一下这个,将#someDivToHover更换成实际需要悬浮的区域

追问

当鼠标离开图片后会一直执行obj=setInterval(getimg, 3500);所以这样是不对了，必须判断他是不是执行过了。 我已经写出来了。

Answer 2

onmouseover 来setInterval

onmouseout 来 clearInterval