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

标签 javascript jquery

我有一个文本,我想以方形方式移动它。我制作了以下 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")

fiddle -- http://jsfiddle.net/57kfmuur/

关于javascript - 使用 jquery 在正方形中移动文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28721952/

相关文章:

javascript - 单击屏幕上的菜单/幻灯片以导航到不同的页面

javascript - 滚动时更改 URL 哈希

javascript - 如何确保 JQuery 的一行在另一行之前运行

javascript - 从上次进度恢复 Vimeo 视频

php - Laravel 中的 Ajax 419 状态错误

javascript - 以编程方式获取 Metro App 版本信息

javascript - 我的 ajax 调用数据部分中的 php 文件有什么问题?

jquery - asp.net fileupload 控件应该加载而不提交

javascript - 单击按钮时隐藏 JQuery css

javascript - 如何获取 youtube.com 上 YouTube 视频的状态?