Jquery动画重复代码

发布于 2024-10-22 04:43:45 字数 518 浏览 0 评论 0原文

我已经编写了代码,但我希望它重复执行,直到用户位于页面上。

这是我的代码——

                   $(document).ready(

                     function animate() {
                          $('div.lightining').stop().animate({
                            backgroundColor: '#789'
                          }, 1050, 'linear', function() { });
                     }

                     function () { $('div.lightining').cycle(animate()); }

                   );

我希望脚本在完成后重复自身。 有人有任何想法来实现这一目标吗?请帮帮我!

提前致谢!

I have made code but I want it to be execute repeatedly till the user is on the page.

Here is my code---

                   $(document).ready(

                     function animate() {
                          $('div.lightining').stop().animate({
                            backgroundColor: '#789'
                          }, 1050, 'linear', function() { });
                     }

                     function () { $('div.lightining').cycle(animate()); }

                   );

I want that the script to repeat itself after getting completed.
Does someone get any ideas of achieving this. Please help me out!

Thanks in advance!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

沙沙粒小 2024-10-29 04:43:45
           $(document).ready( function() {


             function animate() {
                  $('div.lightining').stop().animate({
                    backgroundColor: '#789'
                  }, 1050, 'linear', function() {  animate(); });
             }

           animate();

           });
           $(document).ready( function() {


             function animate() {
                  $('div.lightining').stop().animate({
                    backgroundColor: '#789'
                  }, 1050, 'linear', function() {  animate(); });
             }

           animate();

           });
深海夜未眠 2024-10-29 04:43:45

下面的代码将连续循环动画
其中

attribute 是要进行动画处理的属性

value 是要进行动画处理的值

,duration 是持续时间。

将这些设置为您想要的任何值。

动画完成后,回调会再次调用动画。

 $(document).ready(function(){

    animate();

});

function animate(){

    $(".lightning").animate({
        attribute:value
    },duration,function(){
        animate();
    });

}

不确定您对页面部分的意思。你必须在那里澄清。
另外,如果我正确的话,如果没有插件,你就无法设置背景颜色的动画。

the code below will loop an animation continuously
where

attribute is the attribute to animate

value the value to animate to

and duration the duration.

set these to whatever you want.

once the animation is complete the callback calls the animation again.

 $(document).ready(function(){

    animate();

});

function animate(){

    $(".lightning").animate({
        attribute:value
    },duration,function(){
        animate();
    });

}

not sure what you mean about the on the page part. you will have to clarify there.
also if im correct, you cant animate background colour without a plugin.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文