使用jQuery循环并设置数组元素的动画

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用jQuery循环并设置数组元素的动画相关的知识，希望对你有一定的参考价值。

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3.     <title>Loop through an array using jQuery</title>
  4.     <script src="http://code.jquery.com/jquery-latest.js"    
  5.     type="text/javascript"></script>
  6.     <script type="text/javascript">
  7.         var arrNames = ['Tom', 'Jane', 'Harry', 'Rick', 'Moby'];
  8.  
  9.         $.each(arrNames, function(i, val) {
  10.             setTimeout(function() {
  11.                 $('#divDisp').fadeOut("slow", function() {
  12.                     $(this).text(val).fadeIn("slow");
  13.                 });
  14.             }, i * 3000);
  15.         });
  16.     </script>
  17. </head>
  18. <body>
  19. <div id='divDisp'></div>
  20. </body>
  21. </html>

以上是关于使用jQuery循环并设置数组元素的动画的主要内容，如果未能解决你的问题，请参考以下文章

使用 CSS3 Transform Scale 和 jQuery 动画脉冲效果

jQuer插件满屏气泡飘落动画效果

JQuery单击以使用陷入循环的数组来识别元素

jQuery初识

jquery基础知识基本使用概述

jQuery单击并为其设置动画