幻灯程序更新v2.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="gb2312" /><meta name="author" content="RainoXu" /> <title>flash幻灯</title></head><body><styletype ="text/css">/*<!]>*/ </style> <script type="text/javascript">//<!.style.display="block"; //设置标签事件 var oTag=this.obj.getElementsByTagName("li"); for (var i=0;i<oTag.length;i++){ oTag.onmouseover=function(){ for (j=0;j<oTag.length;j++){ oTag.className=""; objImg.style.display="none"; //鼠标移上时清除滚动 clearInterval(self.controller); } this.className="hover"; objImg.style.display="block"; } oTag.onmouseout=function(){ //鼠标移开则继续滚动 self.controller=setInterval(function(){self.imgRoll()},self.speed); } } } self.controller=setInterval(function(){self.imgRoll()},self.speed); }; //自动滚动的方法 this.imgRoll=function(){ var objHover; var objImg=this.obj.getElementsByTagName("img"); var objLi=this.obj.getElementsByTagName("li"); var i; for (i=0;i<objImg.length;i++){ if (objImg.style.display=="block"){ break; } } objImg.style.display="none"; objLi.className=""; if (i+1>=objImg.length){ i=0; }else{ i++; } objImg.style.display="block"; objLi.className="hover"; }; //生成对象时自动加载init()方法以初始化对象 this.init(); }//]]></script><div id="flashBox"> <img src="http://www.jx573.com/Files/NewsFiles2/200810/2008102917030398977.jpg" /> <img src="http://www.jx573.com/Files/NewsFiles2/200811/200811181021448159.jpg" /> <img src="http://www.jx573.com/Files/NewsFiles2/200810/2008103112433473300.jpg" /> <img src="http://www.jx573.com/Files/NewsFiles2/200811/2008110414250831677.jpg" /> <!-- //这部份注释是生成的数字标签的代码，仅供设计CSS样式时方便参考，使用时请删除 <ul> <li class="hover">1</li> <li>2</li> </ul> --></div><script type="text/javascript">//<!]></script></body></html>
页:
[1]