2012-04-16 224 views
-1

我在我的網頁上有旋轉圖像。
鏈接如下:javascript旋轉圖像

http://equosinfotech.com/testdemo/test.html

一切工作正常,因爲我想,我只是想放慢形象作爲其過快的旋轉速度,我無法找到一個方法來減緩它下。

(你可以看到代碼的頁面源)

我只是需要有人幫我旋轉減慢。

的javascript我使用:

var stop = function(){ 
     $("#image").rotate({ 

    angle:0, 
    animateTo:0, 
    callback: stop, 
    easing: function (x,t,b,c,d){  // t: current time, b: begInnIng value, c:   change In value, d: duration 
       return c*(t/d)+b; 
      } 
     }); 
    } 

    $(document).ready(function() 
    { 
    rotation();​ 
     $("#image").rotate({ 
bind: 
{ 
    mouseover : function() { 
    stop(); 
    }, 
    mouseout : function() { 
    rotation(); 
    } 
} 
}); 
    }); 
var rotation = function() { 
$("#image").rotate({ 

    angle: 0, 
    animateTo: 360, 
    callback: rotation, 
    easing: function(x, t, b, c, d) { // t: current time, b: begInnIng value, c: change In value, d: duration 
     return c * (t/d) + b; 
    } 
}); 
    } 
+1

總是在問題本身**中包含相關的代碼和標記**,不要只是鏈接。爲什麼:http://meta.stackexchange.com/questions/118392/add-stack-overfow-faq-entry-or-similar-for-putting-code-in-the-question – 2012-04-16 11:09:13

回答

0

試加在你的代碼,以$("#image").rotate({..duration:2000,,或者有多少secconds你想(2000年爲2秒的millisecconds)。

+0

acctually它做的工作,我 – jackerj 2012-04-16 11:23:46

+0

已經把持續時間:10000,貝洛代碼VAR旋轉=函數(){ $( 「#圖像」)旋轉({ 持續時間:10000, 角度:0, animateTo:360, 回調:旋轉, 寬鬆:函數(X,T,b,C,d){// T:當前時間,b:開始值,C:變化在值,d:持續時間 返回C *(T/d)+ b; } } ); – jackerj 2012-04-16 11:24:13

+0

它實際上減慢了旋轉,但在鼠標移出後只在頁面加載不了 – jackerj 2012-04-16 11:25:26