Js動畫右和底

Question

你好，我有一些困難，動畫的權利和底部。我得到了動畫左代碼，但我無法使用JavaScript進行動畫製作。下面是代碼：

var right = $('#coolDiv').offset().right; 

$("#coolDiv").css({right:right}).animate({"right":"0px"}, "slow"); 

這裏是一個鏈接到的jsfiddle：

http://jsfiddle.net/XqqtN/

http://jsfiddle.net/XqqtN/4006/

我怎樣才能正確的動畫= 0和底部= 0？

Answer 1

問題是offset方法返回的對象只有left和top屬性。因此$('#coolDiv').offset().right是undefined。

Answer 2

獲取寬度#cooldiv，它的父母，從它的父寬度減去寬度#cooldiv可以爲你工作。像這樣的東西。

var parentTag = $('#coolDiv').parent().outerWidth(); 
var coolDiv = $('#coolDiv').outerWidth(); 
var res = (parentTag - coolDiv) + "px" ; 
$("#coolDiv").animate({"left":res}, "slow"); 

Demo

Answer 3

試一試我的工作代碼從右到左的div使用點擊事件

$(function(){ 
    var c=0; 
    $("#coolDiv").click(function() 
    { 
     $(this).stop().animate({left: ++c%2*100 }, 'fast'); 
    }); 
});