試圖easeoutsine一個div使用jQuery

我想動畫的DIV：

DIV = $('div.info_holder');

而且功能：

function bezar(){ 

DIV.stop().animate({ 
      opacity: 0 
     }, { 
      duration: 400, 
      easing: "easeOutSine", 
      complete: function() { 
       DIV.css("display", "none") 
      } 
     })};

爲什麼我不能夠得到這份工作？ :)

來源

2012-10-05 user1632298

嘗試'console.log（DIV）'裏面的函數，看看有什麼 – NoNameZ

它在哪裏做日誌？ :) – user1632298

在您的瀏覽器的開發人員工具JS控制檯中 - 在Chrome/Safari之類的webkit瀏覽器中，按PC上的Control-Shift-J或Mac上的⌥⌘J –

你確定easeOutSine作爲一個緩動功能可用（即你正在使用jQ UI或其他緩動插件）嗎？雖然.animate()是jQuery核心的一部分，但額外的緩動功能卻沒有。

如果你只是想easeOutSine這樣做：

$.extend($.easing, 
    { 
    easeOutSine: function (x, t, b, c, d) { 
     return c * Math.sin(t/d * (Math.PI/2)) + b; 
    } 
    } 
)

在你的JavaScript調用animate()並應工作之前。

來源

2012-10-05 10:14:44

試圖easeoutsine一個div使用jQuery

回答

相關問題