jQuery。動畫緩動問題

我在jQuery中的.animate函數遇到問題，並將它與緩動混合在一起。jQuery。動畫緩動問題

以下工作;

$("#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

來源

2013-05-14 Guy Meurice

是否包含在jQuery UI的影響？ http://jqueryui.com/download/ – Yeronimo 2013-05-14 13:54:08

來自文檔：「jQuery庫中唯一的緩動實現是默認的，稱爲swing，並且以恆定的速度前進，稱爲線性。更多的緩動函數可用於使用插件，特別是jQuery UI套件。「 – j08691 2013-05-14 13:56:20

Works here：http://jsfiddle.net/4vCjn/ – 2013-05-14 13:58:02

你的代碼似乎工作得很好。

確保您已下載包含此效果的jQuery-UI。檢查此影響下，在這裏：http://jqueryui.com/download/

來源

2013-05-14 14:00:56 Broxzier

是的，我現在看到這將如何幫助！ – 2013-05-14 14:11:35

我是從谷歌引用庫，但必須有錯誤的地址，我沒有從jQueryui.com引用它，它工作正常。謝謝！ – 2013-05-14 14:25:34

很高興幫助你。 – Broxzier 2013-05-14 14:45:33

我有我的代碼匹配你的，希望這將是有益的。在V ..

<!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-14 14:14:33

jQuery。動畫緩動問題

回答

相關問題