2011-12-05 35 views
0

使用我有一個使用MooTools的下面的滑塊代碼:轉換的js代碼,使用jQuery

window.addEvent('domready', function() { 
    // Declaring increment vars 
    var totIncrement = 0; 
    var increment = 230; 
    var maxRightIncrement = increment * (-3); 

    // FX var 
    var fx = new Fx.Style('myList', 'margin-left', { 
     duration: 500, 
     transition: Fx.Transitions.Back.easeInOut, 
     wait: true 
    }); 
}); 

我想使用jQuery JavaScript的。任何人都可以告訴我如何將上面的代碼轉換爲jQuery?

+0

你嘗試過這麼遠嗎?你有什麼困難? (PS是一個好的形式,讓你自己走,並告訴我們在請求我們幫助你做到這一點之前)。 –

+1

Thanx Taryn,我遇到與Fx.Style相當的問題...... –

回答

3

事情是這樣的:

$(document).ready(function(){ 
    // Declaring increment vars  
    var totIncrement = 0;  
    var increment = 230;  
    var maxRightIncrement = increment*(-3); 

    $('#myList').animate({ 'margin-left' : increment }, 500, 'easeInOut'); 
}); 
+2

我想你想在這裏按照OP的原始示例,在這裏想'easeInOutBack'而不是'easeInOut'。另見:http://jqueryui.com/demos/effect/easing.html – Gijs