0

我是 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

提前致谢。

4

1 回答 1

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>
于 2013-10-04T12:44:31.453 回答