平面网页滚动图片代码_第1页
平面网页滚动图片代码_第2页
平面网页滚动图片代码_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、<nobr> <div id="marqueediv8" style="width:831px;height:120px;overflow:hidden; "> <img src="images/1.jpg" width="150" height="120" border="0"/> <img src="images/2.jpg" width="150" height="120&quo

2、t; border="0" /> <img src="images/3.jpg" width="150" height="120" border="0"/> <img src="images/4.jpg" width="150" height="120"border="0" /> <img src="images/5.jpg" width="150&q

3、uot; height="120" border="0"/> <img src="images/6.jpg" width="150" height="120"border="0" /> <img src="images/7.jpg" width="150" height="120" border="0"/> <img src="images/8.jpg

4、" width="150" height="120"border="0" /> <img src="images/9.jpg" width="150" height="120" border="0"/> <img src="images/10.jpg" width="150" height="120"border="0" /> <i

5、mg src="images/11.jpg" width="150" height="120" border="0"/> <img src="images/12.jpg" width="150" height="120"border="0" /> <img src="images/13.jpg" width="150" height="120" bord

6、er="0"/> <img src="images/14.jpg" width="150" height="120" border="0"/> </div> </nobr><script>window.onload=function() new Marquee( "marqueediv8", /容器ID<br /> 2, /向上滚动(0向上 1向下 2向左 3向右)<br /> 1, /滚动的步长&

7、lt;br /> 831, /容器可视宽度<br /> 120, /容器可视高度<br /> 30, /定时器 数值越小,滚动的速度越快(1000=1秒,建议不小于20)<br /> 0, /间歇停顿时间(0为不停顿,1000=1秒)<br /> 0, /开始时的等待时间(0为不等待,1000=1秒)<br /> 0/间歇滚动间距(可选)<br /> ); ; </script> <script> function Marquee() this.ID=document.getElementBy

8、Id(arguments0); this.Direction=arguments1; this.Step=arguments2; this.Width=arguments3; this.Height=arguments4; this.Timer=arguments5; this.WaitTime=arguments6; this.StopTime=arguments7; if(arguments8)this.ScrollStep=arguments8;elsethis.ScrollStep=this.Direction>1?this.Width:this.Height; this.CTL

9、=this.StartID=this.Stop=this.MouseOver=0; this.ID.style.overflowX=this.ID.style.overflowY="hidden" this.ID.noWrap=true; this.ID.style.width=this.Width; this.ID.style.height=this.Height; this.ClientScroll=this.Direction>1?this.ID.scrollWidth:this.ID.scrollHeight; this.ID.innerHTML+=this.

10、ID.innerHTML; this.Start(this,this.Timer,this.WaitTime,this.StopTime); Mtotype.Start=function(msobj,timer,waittime,stoptime) msobj.StartID=function()msobj.Scroll(); msobj.Continue=function() if(msobj.MouseOver=1)setTimeout(msobj.Continue,waittime); elseclearInterval(msobj.TimerID); msobj.C

11、TL=msobj.Stop=0; msobj.TimerID=setInterval(msobj.StartID,timer); msobj.Pause=function()msobj.Stop=1; clearInterval(msobj.TimerID); setTimeout(msobj.Continue,waittime); msobj.Begin=function() msobj.TimerID=setInterval(msobj.StartID,timer); msobj.ID.onmouseover=function()msobj.MouseOver=1; clearInterv

12、al(msobj.TimerID); msobj.ID.onmouseout=function()msobj.MouseOver=0; if(msobj.Stop=0)clearInterval(msobj.TimerID); msobj.TimerID=setInterval(msobj.StartID,timer); setTimeout(msobj.Begin,stoptime); Mtotype.Scroll=function() switch(this.Direction) case 0: this.CTL+=this.Step; if(this.CTL>=

13、this.ScrollStep&&this.WaitTime>0)this.ID.scrollTop+=this.ScrollStep+this.Step-this.CTL; this.Pause(); return; elseif(this.ID.scrollTop>=this.ClientScroll) this.ID.scrollTop-=this.ClientScroll; this.ID.scrollTop+=this.Step; break; case 1: this.CTL+=this.Step; if(this.CTL>=this.Scroll

14、Step&&this.WaitTime>0)this.ID.scrollTop-=this.ScrollStep+this.Step-this.CTL; this.Pause(); return; elseif(this.ID.scrollTop<=0) this.ID.scrollTop+=this.ClientScroll; this.ID.scrollTop-=this.Step; break; case 2: this.CTL+=this.Step; if(this.CTL>=this.ScrollStep&&this.WaitTime>0)this.ID.scrollLeft+=this.ScrollStep+this.Step-this.CTL; this.Pause(); return; elseif(this.ID.scrollLeft>=this.ClientScroll) this.ID.scrollLeft-=this.ClientScroll; this.ID.scrollLeft+=this.Step; break; case 3: this.CTL+=this.Step; if(this.CTL>=this.ScrollS

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论