Question

我有一个文字，我想以方方式移动它。我已经制作了以下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>

Answer 1

animate

的解决方案怎么样？

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

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

使用jquery在正方形中移动文本

1 个答案: