JS简单实现无缝滚动效果实例

本文实例讲述了射流研究…简单实现无缝滚动效果。分享给大家供大家参考，具体如下：

！doctype htmltitlejavascript无缝滚动/title元字符集=' utf-8 '/元名称='关键字'内容=' JavaScript无缝滚动/meta name=' description ' content=' JavaScript无缝滚动/style type=' text/CSS ' h1 { font : 400 16px/1 ' Microsoft YaHei '，KaiTi_GB2312，SimSUn } # marquee { position : relative；宽度： 400像素；飞越：隐藏；border: 10px固体# 8080C0} #选框img { border: 0px } #选框dl，#选框dt，#选框dd，#选框a { float : left margin : 0；padd : 0；} #跑马灯dl {宽度： 1000%；高度： 150像素；}/style脚本类型=' text/JavaScript ' var Marquee=function(id){ try { document。exec命令(' background imagecache '，false，true)；} catch(e){ }；var容器=文档。getelementbyid(id)，original=container。getelementsbytagname(' dt ')[0]，clone=container。getelementsbytagname(' DD ')[0]，速度=引数[1]| | 10;克隆人。innerhtml=原始。innerhtml集装箱。scrolleft=克隆。offset left var rolling=function(){ if(container。scrolleft==0){ container。scrolleft=克隆。offsetleft} else { container。scroll ft-；} } var timer=setInterval(滚动，速度)//设置定时器集装箱。onmouseover=function(){ clearInterval(timer)}//鼠标移到选取框上时，清除定时器，停止滚动集装箱。onmouseout=function(){ timer=setInterval(滚动，速度)} //鼠标移开时重设定时器}窗口。onload=function(){ Marquee(' Marquee ')；}/script 1 JavaScript无缝滚动（向右滚动)/h1 div id=' marquee ' dl dt a href=' # # # ' img src=' http : img/o _ s017。jpg ' alt=' JavaScript无缝滚动//a a href=' # # # ' img src=' http : img/o _ s018。jpg ' alt=' JavaScript无缝滚动//a a href=' # # # ' img src=' http : img/o _ s019。jpg ' alt=' JavaScript无缝滚动//a a href=' # # # ' img src=' http : img/o _ s020。jpg ' alt=' JavaScript无缝滚动//a a href=' # # # ' img src=' http : img/o _ s021。jpg ' alt=' JavaScript无缝滚动//a a href=' # # # ' img src=' http : img/o _ s022。jpg ' alt=' JavaScript无缝滚动//a a href=' # # # ' img src=' http : img/o _ s023。jpg ' alt=' JavaScript无缝滚动//a /dt dd/dd /dl/div效果图如下：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。