Question

用jquery怎么实现鼠标经过div，div就上下不停地跳动，移出就停止呢

如题，如何实现.pic上下跳动啊 这是我写的，但总是不能规律的跳，有时慢，有时快，有时却不跳， 当鼠标移出时，还在跳，麻烦大神帮忙改改，感激不尽啊
$(function(){
function tiao(){
$(".pic").animate({top:"40px"},250,function(){$(".pic").animate({top:"50px"},250);} )
};

$(".pic").mouseover(function(){
var interval=setInterval(tiao,500);

});
$(".pic").mouseout(function(){
clearInterval(interval)

});

Answer 1

这个感觉写css流畅一点啊，写一个单独的class，这个class是上下跳动的动画，鼠标上去的时候添加类名，拿开的时候移除类名就可以了

Answer 2

jquery 有个hover事件

追问

这个我也试过了，总是不是预想的样子，总是乱跳

追答

把你的interval声明为全局变量应该就没有问题了

追问

全局变量试过了，就是不管用啊

追答

t.html

t.js
$(function(){
var interval = '';
$("#jump").hover(function(){
interval = setInterval("jump()",500);
},function(){
clearInterval(interval);
$("#jump").animate({marginTop:"10px",marginBottom: "1px"},500)
});
});
function jump(){
$("#jump").animate({marginTop:"0px",marginBottom: "20px"},250,function(){$("#jump").animate({marginTop:"20px",marginBottom: "0px"},250) } );
}

有问题了再发我邮箱2660668090@qq.com

Answer 3

你试下用mouseenter和mouseleave来替换你的事件

追问

我试过了，还是不行

Answer 4

interval 必须是全局变量，至少在$(function(){ 下面

Answer 5

1搂的说法我赞同，另外，变量interval最好定义为全局变量