jQuery技术:为Animated Collapsible DIV添加了一个计时器

我使用https://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm来做到这一点:[link-removed]。

我正在尝试找到JavaScript在连续循环中循环遍历四个菜单中的每个菜单的最佳方式,而无需任何用户交互,但无法思考如何执行此操作!

还有一个我无法解决的错误:它会记住你在哪个菜单,但背景图像总是来自页面加载的最后一个菜单。

谢谢!

    setInterval((function(){ var count=0; return function(){ var f; switch(count++%4) { case 0: f='one';break; case 1: f='two';break; case 2: f='three';break; case 3: f='four';break; } animatedcollapse.show(f); }; })(),2000); 

    这是有效的(我按照你的代码注入并滚动),虽然如果你给你的img元素数字id,如“roller_0”,“roller_1”等,可能会缩短很多,那么中间的整个开关可以被遗漏……

    我应该指出,我已经将函数包装在一个闭包中,以避免使用全局变量,尽管它也可以在没有它的情况下工作。

    最后,关于图像是重置之前查看的最后一个图像的问题,你可以通过onload调用轻松纠正它,只是随意显示第一个图像,尽管一旦你完成了这个自动滚动,你可能看不到那个必要的。

    使用jQuery,您可以使用trigger()方法来“模拟”用户交互。 这通常有助于避免重复。 例如:

     var timer = setInterval(function(){ var current = $('.image:visible'); var next = current.nextAll('.image:first').length ? current.nextAll('.image:first') : $('.image:first'); next.previous('.header a').trigger('.click'); }, 2000); 

    (未经测试。)

      以上就是jQuery教程分享为Animated Collapsible DIV添加了一个计时器相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/547896.html

      (0)
      上一篇 2021年1月13日
      下一篇 2021年1月13日

      精彩推荐