jquery動畫位置移動時點擊它

我有一些a標籤position:absolute，當我點擊它，我想移動這個標籤100px左（動畫）。jquery動畫位置移動時點擊它

如何做到這一點？

2011-05-01 dormitkon

我這麼想嗎？ [animate]（http://api.jquery.com/animate）無效？ – Zirak 2011-05-01 16:13:49

@Atic給我幾mitues我將提供U A例如 – kobe 2011-05-01 16:21:34

@Atic，我做了的jsfiddle嘗試這個例子http://jsfiddle.net/EtfCV/ – kobe 2011-05-01 16:25:37

點擊時，這將移動你的元素（具有#my_link的ID）100個像素到左邊的例子。

$('#my_link').on('click', function() { 
    $(this).animate({ 
     left: '-=100' 
    }); 
});

來源

2011-05-01 16:17:05 kapa

你看過jQuery的animate嗎？您可以動畫CSS屬性，如left。

$('#myDiv').click(function(){ 
    $(this).animate({'left' : '-=100'}); 
});

來源

2011-05-01 16:14:34

少了一個'）'將是完美:)。 – kapa 2011-05-01 16:25:48

@bazmegakapa固定的，謝謝！ – 2011-05-01 16:28:19

這應該這樣做

的jsfiddle這裏http://jsfiddle.net/EtfCV/

$('#yourdiv').click(function() { 
     $(this).animate({ 
     left: '-=100' 
     }, 5000, function() { 
     // Animation complete. 
     }); 
    });

來源

2011-05-01 16:16:12 kobe

+1與我的基本相同。我會在'' - = 100'後刪除逗號，有些瀏覽器不會喜歡它。 – kapa 2011-05-01 16:22:46

@baz，謝謝，我做到了。 – kobe 2011-05-01 16:25:16

退房的example，並在jQuery的網站animate方法。這是非常基本的東西。

$('#tralala').click(function(evt) { 
    evt.preventDefault(); 
    $(this).animate({ 
     left : '-=100' 
    }); 
});

來源

2011-05-01 16:18:42 Zirak

jquery動畫位置移動時點擊它

回答

相關問題