首页 > 网络编程 > JavaScript > javascript技巧 > javascript实现的颜色块滑动的动态效果 2007-08-07 10:21:37 作者： javascript实现的颜色块滑动的动态效果 <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>页页装载效果</title> </head> <body> <style type="text/css"> #color div { width:5px; height:5px; float:left; margin:0 2px; } </style> <div id="color"> <div style="background:'gray'"></div> <div style="background:'gray'"></div> <div style="background:'gray'"></div> <div style="background:'gray'"></div> <div style="background:'gray'"></div> <div style="background:'gray'"></div> </div> <script> var v=document.getElementsByTagName('div'); var i=v.length-1; function chg_col(){ q=(i<=1)?v.length-1:i-1 document.getElementsByTagName('div')[q].style.background="gray" document.getElementsByTagName('div')[i].style.background="red" i=(i>=v.length-1)?1:i+1 setTimeout("chg_col()",200) } chg_col() </script> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:javascript实现动态显示颜色块的报表效果
