我是Javascript / Jquery的新手,所以请轻松一点!
我已经创建了一个HTML facebook标签,带有一些图像并应用了悬停效果,以便在鼠标悬停时它们展开。这似乎在Chrome中工作得很好,但在Firefox和IE中,这很麻烦,动画似乎反复运行,除非光标在图像上方是死点。
我已经尝试在那里添加“stop()”,但要么它不起作用,要么我把它放在错误的地方(可能是后者)。如果有人有任何建议我会非常感激!
<script>
$(document).ready(function() {
$('.circle').hover(function() {
$(this).animate({
'position' : 'relative',
'width' : 120,
'height' : 120,
'border-radius' : 60,
'margin' : 20,
'top' : 0,
});
}, function() {
$(this).animate({
'position' : 'relative',
'width' : 100,
'height' : 100,
'margin' : 25,
'top' : 10,
});
});
});
</script>
此处提供完整示例:
http://careers.dept.shef.ac.uk/Facebook/FacebookTab.html
提前致谢。
答案 0 :(得分:0)
您可以使用e.stoppropagation()函数来停止冒泡。
<div id="noStop">
<span>This one doesn't stop bubbling</span>
<ul></ul>
</div>
<div id="stop">
<span>This one stops bubbling</span>
<ul></ul>
</div>