Javascript Js动画右下角

您好，我有一些困难动画的权利和底部。我得到了动画左代码，但我不能动画右使用javascript。代码如下：

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

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

以下是指向JSFIDLE的链接：

---

如何设置right=0和bottom=0的动画？

问题在于

offset

方法仅返回具有

left

和

top

属性的对象

因此，

$（'#coolDiv'）.offset（）.right

是

未定义的

获取

#coolDiv

的宽度，并将其父级的宽度从其“父级宽度可以为您工作”中减去

#coolDiv

。像这样的

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

---

使用click event从右到左尝试我的工作代码

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