0

我在使用 jQuery 中的 .animate 函数并将其与缓动混合时遇到问题。

以下作品；

$("#PanelOne").mouseover(function() {
        $("#PanelTwo").stop(true, false).animate({ marginLeft: "420px"}, 150 );

});

但这不是；

$("#PanelOne").mouseover(function() {
        $("#PanelTwo").stop(true, false).animate({ marginLeft: "420px"}, 150, 'easeOutQuint' );

});

我不确定我到底做错了什么，这将是非常明显的事情，但我以前从未使用过缓动或 jQueryUI，所以我很迷茫！

编辑：我在这里引用 jQueryUI；

http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js

4

2 回答 2

0

您的代码似乎工作得很好。

确保您已下载包含此效果的 jQuery-UI。在此处的效果下检查：http: //jqueryui.com/download/

于 2013-05-14T14:00:56.777 回答
0

我的代码与你的匹配，希望对你有帮助。

<!DOCTYPE html>
<html>
<head>
  <style>
  div { background:yellow; border:1px solid #AAA; width:80px; height:80px; margin:0 5px; float:left; }
  div.colored { background:green; }
  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <div id="PanelOne"><img src="http://www.clipartguide.com/_small/0808-0710-1516-1324.jpg" width="85px" height="81px"></div>
  <div id="mover"><img src="http://www.alissweettreats.com/i//Smiley_Face.jpg" width="85px" height="81px"></div>
  <div><img src="download2.jpg" width="85px" height="81px"></div>
<script>

    $("#run").click(function(){
      $("div:animated").toggleClass("colored");
    });
    function animateIt() {
      $("#mover").slideToggle("slow", animateIt);
    }
    animateIt();

    $("#PanelOne").mouseover(function() {
    alert('Its Working');
        $("#mover").stop(true, false).animate({ marginLeft: "420px"}, 150, "easeOutQuint" );
        });
</script>

</body>
</html>
于 2013-05-14T14:14:33.673 回答