代码依然有问题
相当有问题啊，第一次划过的时候有渐变的效果，但是以后的就不行了，直接显示，老师再给个解决方案吧。
2 回答
$(function(){
$('.link .button').hover(function(){
var title = $(this).attr('data');
$('.tip em').text(title);
var pos = $(this).position().left + 10;
var dis = ($('.tip').outerWidth() - $(this).outerWidth())/2;
var l = pos - dis;
$('.tip').stop();
$('.tip').css({'left': l + 'px'}).animate({'top':145, 'opacity':1},300);
},function(){
$('.tip').animate({'top':100, 'opacity':0}, 500);
})
})
在执行下来动画前先执行一个stop函数，这样就会在鼠标移动太快时候把前一个上去的动画停止掉，但是这个时候就几乎看不到下来的动画了，算是一种解决办法吧
举报
0/150
提交
取消
