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');
    });
});