如何使用jQuery连续移动对象

时间:2011-03-31 07:11:51

标签: jquery jquery-ui jquery-animate

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

谢谢..

1 个答案:

答案 0 :(得分:3)

我会使用动画

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。