资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
友情链接横向文字上下间隙循环滚动JS效果
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>仿qq频道上下单行多条滚动js效果代码，可用于新闻，友情链接上下间隙滚动</title> <style/> #nav { MARGIN: 7px auto 0px; HEIGHT: 117px } #nav #hotnews { BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 89px } #Scroll { CLEAR: both; BORDER-RIGHT: #cdc9ca 1px solid; BORDER-TOP: #cdc9ca 1px solid; PADDING-LEFT: 100px; FONT-SIZE: 12px; BACKGROUND: url(http://files.glzy8.com/file_images/article/201212/flscroll/n_scroll.gif) no-repeat 18px 7px; MARGIN: 0px auto; BORDER-LEFT: #cdc9ca 1px solid; WIDTH: 808px; COLOR: #c2130e; LINE-HEIGHT: 27px; BORDER-BOTTOM: #cdc9ca 1px solid; HEIGHT: 27px; TEXT-ALIGN: left } #Scroll A { PADDING-RIGHT: 20px; PADDING-LEFT: 10px; BACKGROUND: url(http://files.glzy8.com/file_images/article/201212/flscroll/n_bar.gif)) no-repeat 0px 0px; COLOR: #000; MARGIN-RIGHT: 5px; TEXT-DECORATION: none } #Scroll A.s_end { PADDING-RIGHT: 0px; MARGIN-LEFT: 8px } </style> </head> <body> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20srcMarquee()%7B%20%0D%0Athis.ID%20%3D%20document.getElementById(arguments%5B0%5D)%3B%20%0D%0Aif(!this.ID)%7Bthis.ID%20%3D%20-1%3Breturn%3B%7D%20%0D%0Athis.Direction%20%3D%20this.Width%20%3D%20this.Height%20%3D%20this.DelayTime%20%3D%20this.WaitTime%20%3D%20this.Correct%20%3D%20this.CTL%20%3D%20this.StartID%20%3D%20this.Stop%20%3D%20this.MouseOver%20%3D%200%3B%20%0D%0Athis.Step%20%3D%201%3B%20%0D%0Athis.Timer%20%3D%2030%3B%20%0D%0Athis.DirectionArray%20%3D%20%7B%22top%22%3A0%20%2C%20%22bottom%22%3A1%20%2C%20%22left%22%3A2%20%2C%20%22right%22%3A3%7D%3B%20%0D%0Aif(typeof%20arguments%5B1%5D%20%3D%3D%20%22number%22)this.Direction%20%3D%20arguments%5B1%5D%3B%20%0D%0Aif(typeof%20arguments%5B2%5D%20%3D%3D%20%22number%22)this.Step%20%3D%20arguments%5B2%5D%3B%20%0D%0Aif(typeof%20arguments%5B3%5D%20%3D%3D%20%22number%22)this.Width%20%3D%20arguments%5B3%5D%3B%20%0D%0Aif(typeof%20arguments%5B4%5D%20%3D%3D%20%22number%22)this.Height%20%3D%20arguments%5B4%5D%3B%20%0D%0Aif(typeof%20arguments%5B5%5D%20%3D%3D%20%22number%22)this.Timer%20%3D%20arguments%5B5%5D%3B%20%0D%0Aif(typeof%20arguments%5B6%5D%20%3D%3D%20%22number%22)this.DelayTime%20%3D%20arguments%5B6%5D%3B%20%0D%0Aif(typeof%20arguments%5B7%5D%20%3D%3D%20%22number%22)this.WaitTime%20%3D%20arguments%5B7%5D%3B%20%0D%0Aif(typeof%20arguments%5B8%5D%20%3D%3D%20%22number%22)this.ScrollStep%20%3D%20arguments%5B8%5D%20%0D%0Athis.ID.style.overflow%20%3D%20this.ID.style.overflowX%20%3D%20this.ID.style.overflowY%20%3D%20%22hidden%22%3B%20%0D%0Athis.ID.noWrap%20%3D%20true%3B%20%0D%0Athis.IsNotOpera%20%3D%20(navigator.userAgent.toLowerCase().indexOf(%22opera%22)%20%3D%3D%20-1)%3B%20%0D%0Aif(arguments.length%20%3E%3D%207)this.Start()%3B%20%0D%0A%7D%20%0D%0AsrcMarquee.prototype.Start%20%3D%20function()%7B%20%0D%0Aif(this.ID%20%3D%3D%20-1)return%3B%20%0D%0Aif(this.WaitTime%20%3C%20800)this.WaitTime%20%3D%20800%3B%20%0D%0Aif(this.Timer%20%3C%2020)this.Timer%20%3D%2020%3B%20%0D%0Aif(this.Width%20%3D%3D%200)this.Width%20%3D%20parseInt(this.ID.style.width)%3B%20%0D%0Aif(this.Height%20%3D%3D%200)this.Height%20%3D%20parseInt(this.ID.style.height)%3B%20%0D%0Aif(typeof%20this.Direction%20%3D%3D%20%22string%22)this.Direction%20%3D%20this.DirectionArray%5Bthis.Direction.toString().toLowerCase()%5D%3B%20%0D%0Athis.HalfWidth%20%3D%20Math.round(this.Width%20%2F%202)%3B%20%0D%0Athis.BakStep%20%3D%20this.Step%3B%20%0D%0Athis.ID.style.width%20%3D%20this.Width%3B%20%0D%0Athis.ID.style.height%20%3D%20this.Height%3B%20%0D%0Aif(typeof%20this.ScrollStep%20!%3D%20%22number%22)this.ScrollStep%20%3D%20this.Direction%20%3E%201%20%3F%20this.Width%20%3A%20this.Height%3B%20%0D%0Avar%20msobj%20%3D%20this%3B%20%0D%0Avar%20timer%20%3D%20this.Timer%3B%20%0D%0Avar%20delaytime%20%3D%20this.DelayTime%3B%20%0D%0Avar%20waittime%20%3D%20this.WaitTime%3B%20%0D%0Amsobj.StartID%20%3D%20function()%7Bmsobj.Scroll()%7D%20%0D%0Amsobj.Continue%20%3D%20function()%7B%20%0D%0Aif(msobj.MouseOver%20%3D%3D%201)%7B%20%0D%0AsetTimeout(msobj.Continue%2Cdelaytime)%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20clearInterval(msobj.TimerID)%3B%20%0D%0Amsobj.CTL%20%3D%20msobj.Stop%20%3D%200%3B%20%0D%0Amsobj.TimerID%20%3D%20setInterval(msobj.StartID%2Ctimer)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Amsobj.Pause%20%3D%20function()%7B%20%0D%0Amsobj.Stop%20%3D%201%3B%20%0D%0AclearInterval(msobj.TimerID)%3B%20%0D%0AsetTimeout(msobj.Continue%2Cdelaytime)%3B%20%0D%0A%7D%20%0D%0Amsobj.Begin%20%3D%20function()%7B%20%0D%0Amsobj.ClientScroll%20%3D%20msobj.Direction%20%3E%201%20%3F%20msobj.ID.scrollWidth%20%3A%20msobj.ID.scrollHeight%3B%20%0D%0Aif((msobj.Direction%20%3C%3D%201%20%26%26%20msobj.ClientScroll%20%3Cmsobj.Height)%20%7C%7C%20(msobj.Direction%20%3E%201%20%26%26%20msobj.ClientScroll%20%3Cmsobj.Width))return%3B%20%0D%0Amsobj.ID.innerHTML%20%2B%3D%20msobj.ID.innerHTML%3B%20%0D%0Amsobj.TimerID%20%3D%20setInterval(msobj.StartID%2Ctimer)%3B%20%0D%0Aif(msobj.ScrollStep%20%3C%200)return%3B%20%0D%0Amsobj.ID.onmousemove%20%3D%20function(event)%7B%20%0D%0Aif(msobj.ScrollStep%20%3D%3D%200%20%26%26%20msobj.Direction%20%3E%201)%7B%20%0D%0Avar%20event%20%3D%20event%20%7C%7C%20window.event%3B%20%0D%0Aif(window.event)%7B%20%0D%0Aif(msobj.IsNotOpera)%7Bmsobj.EventLeft%20%3D%20event.srcElement.id%20%3D%3D%20msobj.ID.id%20%3F%20event.offsetX%20-%20msobj.ID.scrollLeft%20%3A%20event.srcElement.offsetLeft%20-%20msobj.ID.scrollLeft%20%2B%20event.offsetX%3B%7D%20%0D%0Aelse%7Bmsobj.ScrollStep%20%3D%20null%3Breturn%3B%7D%20%0D%0A%7D%20%0D%0Aelse%7Bmsobj.EventLeft%20%3D%20event.layerX%20-%20msobj.ID.scrollLeft%3B%7D%20%0D%0Amsobj.Direction%20%3D%20msobj.EventLeft%20%3E%20msobj.HalfWidth%20%3F%203%20%3A%202%3B%20%0D%0Amsobj.AbsCenter%20%3D%20Math.abs(msobj.HalfWidth%20-%20msobj.EventLeft)%3B%20%0D%0Amsobj.Step%20%3D%20Math.round(msobj.AbsCenter%20*%20(msobj.BakStep*2)%20%2F%20msobj.HalfWidth)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Amsobj.ID.onmouseover%20%3D%20function()%7B%20%0D%0Aif(msobj.ScrollStep%20%3D%3D%200)return%3B%20%0D%0Amsobj.MouseOver%20%3D%201%3B%20%0D%0AclearInterval(msobj.TimerID)%3B%20%0D%0A%7D%20%0D%0Amsobj.ID.onmouseout%20%3D%20function()%7B%20%0D%0Aif(msobj.ScrollStep%20%3D%3D%200)%7B%20%0D%0Aif(msobj.Step%20%3D%3D%200)msobj.Step%20%3D%201%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Amsobj.MouseOver%20%3D%200%3B%20%0D%0Aif(msobj.Stop%20%3D%3D%200)%7B%20%0D%0AclearInterval(msobj.TimerID)%3B%20%0D%0Amsobj.TimerID%20%3D%20setInterval(msobj.StartID%2Ctimer)%3B%20%0D%0A%7D%7D%7D%20%0D%0AsetTimeout(msobj.Begin%2Cwaittime)%3B%20%0D%0A%7D%20%0D%0AsrcMarquee.prototype.Scroll%20%3D%20function()%7B%20%0D%0Aswitch(this.Direction)%7B%20%0D%0Acase%200%3A%20%0D%0Athis.CTL%20%2B%3D%20this.Step%3B%20%0D%0Aif(this.CTL%20%3E%3D%20this.ScrollStep%20%26%26%20this.DelayTime%20%3E%200)%7B%20%0D%0Athis.ID.scrollTop%20%2B%3D%20this.ScrollStep%20%2B%20this.Step%20-%20this.CTL%3B%20%0D%0Athis.Pause()%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Aif(this.ID.scrollTop%20%3E%3D%20this.ClientScroll)%7Bthis.ID.scrollTop%20-%3D%20this.ClientScroll%3B%7D%20%0D%0Athis.ID.scrollTop%20%2B%3D%20this.Step%3B%20%0D%0A%7D%20%0D%0Abreak%3B%20%0D%0Acase%201%3A%20%0D%0Athis.CTL%20%2B%3D%20this.Step%3B%20%0D%0Aif(this.CTL%20%3E%3D%20this.ScrollStep%20%26%26%20this.DelayTime%20%3E%200)%7B%20%0D%0Athis.ID.scrollTop%20-%3D%20this.ScrollStep%20%2B%20this.Step%20-%20this.CTL%3B%20%0D%0Athis.Pause()%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Aif(this.ID.scrollTop%20%3C%3D%200)%7Bthis.ID.scrollTop%20%2B%3D%20this.ClientScroll%3B%7D%20%0D%0Athis.ID.scrollTop%20-%3D%20this.Step%3B%20%0D%0A%7D%20%0D%0Abreak%3B%20%0D%0Acase%202%3A%20%0D%0Athis.CTL%20%2B%3D%20this.Step%3B%20%0D%0Aif(this.CTL%20%3E%3D%20this.ScrollStep%20%26%26%20this.DelayTime%20%3E%200)%7B%20%0D%0Athis.ID.scrollLeft%20%2B%3D%20this.ScrollStep%20%2B%20this.Step%20-%20this.CTL%3B%20%0D%0Athis.Pause()%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Aif(this.ID.scrollLeft%20%3E%3D%20this.ClientScroll)%7Bthis.ID.scrollLeft%20-%3D%20this.ClientScroll%3B%7D%20%0D%0Athis.ID.scrollLeft%20%2B%3D%20this.Step%3B%20%0D%0A%7D%20%0D%0Abreak%3B%20%0D%0Acase%203%3A%20%0D%0Athis.CTL%20%2B%3D%20this.Step%3B%20%0D%0Aif(this.CTL%20%3E%3D%20this.ScrollStep%20%26%26%20this.DelayTime%20%3E%200)%7B%20%0D%0Athis.ID.scrollLeft%20-%3D%20this.ScrollStep%20%2B%20this.Step%20-%20this.CTL%3B%20%0D%0Athis.Pause()%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Aif(this.ID.scrollLeft%20%3C%3D%200)%7Bthis.ID.scrollLeft%20%2B%3D%20this.ClientScroll%3B%7D%20%0D%0Athis.ID.scrollLeft%20-%3D%20this.Step%3B%20%0D%0A%7D%20%0D%0Abreak%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <div id="Scroll"> <div id="ScrollMe" style="overflow: hidden; height: 27px;"> <a href="#" _ewebeditor_ta_href="%23" target="_blank">瓮安涉案女孩系溺亡</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">体彩中心突发人命案</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">A股上半年全球最差</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">上海数字电视免费开播</a> <a class="s_end" href="#" _ewebeditor_ta_href="%23" target="_blank">五月份乘用车销量探底</a> <br> <a href="#" _ewebeditor_ta_href="%23" target="_blank">塔罗占卜王菲会复出</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">七月精彩运势全攻略</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">高考试题及历年分数线</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">暗黑3视频图片全欣赏</a> <a class="s_end" href="#" _ewebeditor_ta_href="%23" target="_blank">爱墙留言祈福地震灾区</a> <br> <a href="#" _ewebeditor_ta_href="%23" target="_blank">瓮安涉案女孩系溺亡</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">体彩中心突发人命案</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">A股上半年全球最差</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">上海数字电视免费开播</a> <a class="s_end" href="#" _ewebeditor_ta_href="%23" target="_blank">五月份乘用车销量探底</a> <br> <a href="#" _ewebeditor_ta_href="%23" target="_blank">塔罗占卜王菲会复出</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">七月精彩运势全攻略</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">高考试题及历年分数线</a> <a href="#" _ewebeditor_ta_href="%23" target="_blank">暗黑3视频图片全欣赏</a> <a class="s_end" href="#" _ewebeditor_ta_href="%23" target="_blank">爱墙留言祈福地震灾区</a> <br> </div> </div> <!--参数对应依次是：Direction（默认0，向上，1向下）| Step | Width | Height | Timer | DelayTime | WaitTime | ScrollStep--> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3Enew%20srcMarquee(%22ScrollMe%22%2C0%2C1%2C808%2C27%2C3%2C1000%2C1000%2C27)%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程