资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript 三组文字间隙滚动实例代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Content-Language" content="zh-CN"> <title>三组文字间隙滚动</title> <style type="text/css"> *{font-size:12px;} #scrollBox2{width:150px; height:64px; line-height:22px; overflow:hidden; background-color:#eee;} </style> </head> <body> 国家 汇率名称 今日汇率 <div id="scrollBox2"> 美元USD ŀ.775%<br> 港币HKD ŀ.75%<br> 英镑GBP ŀ.50%<br> 欧元EUR ŀ.25%<br> 日元JPY ŀ.01%<br> </div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%20%0D%0Awindow.onload%3Dfunction()%7B%20%20%0D%0A%20%20new%20Marquee(%20%20%0D%0A%20%20%20%20%22scrollBox2%22%2C%20%20%2F%2F%E5%AE%B9%E5%99%A8ID%3Cbr%3E%20%20%0D%0A%20%20%20%200%2C%20%20%2F%2F%E5%90%91%E4%B8%8A%E6%BB%9A%E5%8A%A8(0%E5%90%91%E4%B8%8A%201%E5%90%91%E4%B8%8B%202%E5%90%91%E5%B7%A6%203%E5%90%91%E5%8F%B3)%3Cbr%3E%20%20%0D%0A%20%20%20%202%2C%20%20%2F%2F%E6%BB%9A%E5%8A%A8%E7%9A%84%E6%AD%A5%E9%95%BF%3Cbr%3E%20%20%0D%0A%20%20%20%20200%2C%20%20%2F%2F%E5%AE%B9%E5%99%A8%E5%8F%AF%E8%A7%86%E5%AE%BD%E5%BA%A6%3Cbr%3E%20%20%0D%0A%20%20%20%2064%2C%20%20%2F%2F%E5%AE%B9%E5%99%A8%E5%8F%AF%E8%A7%86%E9%AB%98%E5%BA%A6%3Cbr%3E%20%20%0D%0A%20%20%20%2050%2C%20%20%2F%2F%E5%AE%9A%E6%97%B6%E5%99%A8%20%E6%95%B0%E5%80%BC%E8%B6%8A%E5%B0%8F%EF%BC%8C%E6%BB%9A%E5%8A%A8%E7%9A%84%E9%80%9F%E5%BA%A6%E8%B6%8A%E5%BF%AB(1000%3D1%E7%A7%92%2C%E5%BB%BA%E8%AE%AE%E4%B8%8D%E5%B0%8F%E4%BA%8E20)%3Cbr%3E%20%20%0D%0A%20%20%20%202000%2C%20%20%2F%2F%E9%97%B4%E6%AD%87%E5%81%9C%E9%A1%BF%E6%97%B6%E9%97%B4(0%E4%B8%BA%E4%B8%8D%E5%81%9C%E9%A1%BF%2C1000%3D1%E7%A7%92)%3Cbr%3E%20%20%0D%0A%20%20%20%201000%2C%20%20%2F%2F%E5%BC%80%E5%A7%8B%E6%97%B6%E7%9A%84%E7%AD%89%E5%BE%85%E6%97%B6%E9%97%B4(0%E4%B8%BA%E4%B8%8D%E7%AD%89%E5%BE%85%2C1000%3D1%E7%A7%92)%3Cbr%3E%20%20%0D%0A%20%20%20%2022%20%20%2F%2F%E9%97%B4%E6%AD%87%E6%BB%9A%E5%8A%A8%E9%97%B4%E8%B7%9D(%E5%8F%AF%E9%80%89)%3Cbr%3E%20%20%0D%0A%20%20%20%20)%3B%20%20%0D%0A%20%20%7D%3B%20%20%0D%0Afunction%20Marquee()%7B%20%20%0D%0A%20%20this.ID%3Ddocument.getElementById(arguments%5B0%5D)%3B%20%20%0D%0A%20%20this.Direction%3Darguments%5B1%5D%3B%20%20%0D%0A%20%20this.Step%3Darguments%5B2%5D%3B%20%20%0D%0A%20%20this.Width%3Darguments%5B3%5D%3B%20%20%0D%0A%20%20this.Height%3Darguments%5B4%5D%3B%20%20%0D%0A%20%20this.Timer%3Darguments%5B5%5D%3B%20%20%0D%0A%20%20this.WaitTime%3Darguments%5B6%5D%3B%20%20%0D%0A%20%20this.StopTime%3Darguments%5B7%5D%3B%20%20%0D%0A%20%20if(arguments%5B8%5D)%7Bthis.ScrollStep%3Darguments%5B8%5D%3B%7Delse%7Bthis.ScrollStep%3Dthis.Direction%3E1%3Fthis.Width%3Athis.Height%3B%7D%20%20%0D%0A%20%20this.CTL%3Dthis.StartID%3Dthis.Stop%3Dthis.MouseOver%3D0%3B%20%20%0D%0A%20%20this.ID.style.overflowX%3Dthis.ID.style.overflowY%3D%22hidden%22%3B%20%20%0D%0A%20%20this.ID.noWrap%3Dtrue%3B%20%20%0D%0A%20%20this.ID.style.width%3Dthis.Width%3B%20%20%0D%0A%20%20this.ID.style.height%3Dthis.Height%3B%20%20%0D%0A%20%20this.ClientScroll%3Dthis.Direction%3E1%3Fthis.ID.scrollWidth%3Athis.ID.scrollHeight%3B%20%20%0D%0A%20%20this.ID.innerHTML%2B%3Dthis.ID.innerHTML%3B%20%20%0D%0A%20%20this.Start(this%2Cthis.Timer%2Cthis.WaitTime%2Cthis.StopTime)%3B%20%20%0D%0A%20%20%7D%20%20%0D%0AMarquee.prototype.Start%3Dfunction(msobj%2Ctimer%2Cwaittime%2Cstoptime)%7B%20%20%0D%0A%20%20msobj.StartID%3Dfunction()%7Bmsobj.Scroll()%3B%7D%20%20%0D%0A%20%20msobj.Continue%3Dfunction()%7B%20%20%0D%0A%20%20%20%20if(msobj.MouseOver%3D%3D1)%7BsetTimeout(msobj.Continue%2Cwaittime)%3B%7D%20%20%0D%0A%20%20%20%20else%7BclearInterval(msobj.TimerID)%3B%20msobj.CTL%3Dmsobj.Stop%3D0%3B%20msobj.TimerID%3DsetInterval(msobj.StartID%2Ctimer)%3B%7D%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%20msobj.Pause%3Dfunction()%7Bmsobj.Stop%3D1%3B%20clearInterval(msobj.TimerID)%3B%20setTimeout(msobj.Continue%2Cwaittime)%3B%7D%20%20%0D%0A%20%20msobj.Begin%3Dfunction()%7B%20%20%0D%0A%20%20%20%20msobj.TimerID%3DsetInterval(msobj.StartID%2Ctimer)%3B%20%20%0D%0A%20%20%20%20msobj.ID.onmouseover%3Dfunction()%7Bmsobj.MouseOver%3D1%3B%20clearInterval(msobj.TimerID)%3B%7D%20%20%0D%0A%20%20%20%20msobj.ID.onmouseout%3Dfunction()%7Bmsobj.MouseOver%3D0%3B%20if(msobj.Stop%3D%3D0)%7BclearInterval(msobj.TimerID)%3B%20msobj.TimerID%3DsetInterval(msobj.StartID%2Ctimer)%3B%7D%7D%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%20setTimeout(msobj.Begin%2Cstoptime)%3B%20%20%0D%0A%20%20%7D%20%20%0D%0AMarquee.prototype.Scroll%3Dfunction()%7B%20%20%0D%0A%20%20switch(this.Direction)%7B%20%20%0D%0A%20%20%20%20case%200%3A%20%20%0D%0A%20%20%20%20%20%20this.CTL%2B%3Dthis.Step%3B%20%20%0D%0A%20%20%20%20%20%20if(this.CTL%3E%3Dthis.ScrollStep%26%26this.WaitTime%3E0)%7Bthis.ID.scrollTop%2B%3Dthis.ScrollStep%2Bthis.Step-this.CTL%3B%20this.Pause()%3B%20return%3B%7D%20%20%0D%0A%20%20%20%20%20%20else%7Bif(this.ID.scrollTop%3E%3Dthis.ClientScroll)%20this.ID.scrollTop-%3Dthis.ClientScroll%3B%20this.ID.scrollTop%2B%3Dthis.Step%3B%7D%20%20%0D%0A%20%20%20%20%20%20break%3B%20%20%0D%0A%20%20%20%20case%201%3A%20%20%0D%0A%20%20%20%20%20%20this.CTL%2B%3Dthis.Step%3B%20%20%0D%0A%20%20%20%20%20%20if(this.CTL%3E%3Dthis.ScrollStep%26%26this.WaitTime%3E0)%7Bthis.ID.scrollTop-%3Dthis.ScrollStep%2Bthis.Step-this.CTL%3B%20this.Pause()%3B%20return%3B%7D%20%20%0D%0A%20%20%20%20%20%20else%7Bif(this.ID.scrollTop%3C%3D0)%20this.ID.scrollTop%2B%3Dthis.ClientScroll%3B%20this.ID.scrollTop-%3Dthis.Step%3B%7D%20%20%0D%0A%20%20%20%20%20%20break%3B%20%20%0D%0A%20%20%20%20case%202%3A%20%20%0D%0A%20%20%20%20%20%20this.CTL%2B%3Dthis.Step%3B%20%20%0D%0A%20%20%20%20%20%20if(this.CTL%3E%3Dthis.ScrollStep%26%26this.WaitTime%3E0)%7Bthis.ID.scrollLeft%2B%3Dthis.ScrollStep%2Bthis.Step-this.CTL%3B%20this.Pause()%3B%20return%3B%7D%20%20%0D%0A%20%20%20%20%20%20else%7Bif(this.ID.scrollLeft%3E%3Dthis.ClientScroll)%20this.ID.scrollLeft-%3Dthis.ClientScroll%3B%20this.ID.scrollLeft%2B%3Dthis.Step%3B%7D%20%20%0D%0A%20%20%20%20%20%20break%3B%20%20%0D%0A%20%20%20%20case%203%3A%20%20%0D%0A%20%20%20%20%20%20this.CTL%2B%3Dthis.Step%3B%20%20%0D%0A%20%20%20%20%20%20if(this.CTL%3E%3Dthis.ScrollStep%26%26this.WaitTime%3E0)%7Bthis.ID.scrollLeft-%3Dthis.ScrollStep%2Bthis.Step-this.CTL%3B%20this.Pause()%3B%20return%3B%7D%20%20%0D%0A%20%20%20%20%20%20else%7Bif(this.ID.scrollLeft%3C%3D0)%20this.ID.scrollLeft%2B%3Dthis.ClientScroll%3B%20this.ID.scrollLeft-%3Dthis.Step%3B%7D%20%20%0D%0A%20%20%20%20%20%20break%3B%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%20%7D%20%20%0D%0A%3C%2Fscript%3E"> <p> </p> <p> </p> <p> </p> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程