我有一个文本,我想以方形方式移动它。我做了以下jquery代码,但只能将其移动到正确的位置,然后向下移动。在那之后,它变成了干草堆。我无法提供正确的代码。帮助我找到解决方案。

<!DOCTYPE html>
<html>
<head>
    <title>Text</title>
</head>
<body>
<h1>hello</h1>
<script src = "jquery-1.11.2.min.js"></script>
<script>
var leftoffset = 0;
var downoffset = 0;
var move = function()
{
$("h1").offset({left : leftoffset, top : downoffset});
leftoffset++;
if (leftoffset > 100)
    {
        leftoffset--;
        downoffset++;
        if ( downoffset > 100)
        {

            downoffset++;
            leftoffset--;

            if(leftoffset < 0)
            {
                downoffset--;
                if (downoffset < 0)
                {
                    leftoffset = 0;
                    downoffset = 0;
                }
            }
        }
    }
}
setInterval(move,30);

</script>
</body>
</html>

最佳答案

animate的解决方案呢?

$("h1").animate({
    "left": "+=50px"
}, "slow")


小提琴-http://jsfiddle.net/57kfmuur/

09-26 19:04