如何使用 jQuery 连续移动对象

Posted

技术标签:

【中文标题】如何使用 jQuery 连续移动对象【英文标题】:How to move an object continuosly using jQuery 【发布时间】:2011-07-26 15:58:35 【问题描述】:

我有一个带有标题的 html 页面。我想使用 jQuery 水平移动标题,直到我关闭浏览器。我该怎么做?

谢谢..

【问题讨论】:

【参考方案1】:

我会使用动画

DEMO

HTML

<div id="title">Title</div>

CSS

div

    position: absolute;

Javascript

anititle();

function anititle()

    $("#title").animate(
        "right": "+=770px", 
        duration:  5000,
        complete: function()
        


    $("#title").animate(
        "right": "-=770px", 
        duration:  5000,
        complete: function()
        
           anititle(); 
        );

    );

Source

这里的#title 是包含标题文本的 html 元素的 ID。

【讨论】:

我收到了 java 脚本错误,而且我需要移动这个对象,直到我关闭浏览器。

以上是关于如何使用 jQuery 连续移动对象的主要内容,如果未能解决你的问题,请参考以下文章

如何防止jQuery对象动画重复执行

如何使用 clearRect 不在画布上绘制移动对象

如何使用 JQuery 将对象数据传递到节点服务器并保存到 mongodb?

如何使用 Jquery .animate() 函数创建连续滚动内容? [复制]

如何使用 JavaScript 连续循环 Jquery 块

OpenGL - 如何跟踪移动的物体? [关闭]