手机版

JS实现图片横向滚动效果示例代码

时间:2021-11-16 来源:互联网 编辑:宝哥软件园 浏览:89

复制代码代码如下:DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;字符集=GB 2312/标题图片横向滚动代码/title!-图片街区的样式- style type='text/css ' .box { margin:0 auto高度:70 px宽度宽度:810 xpadding :10 pxborder :1 px实心# FF0000}。box img { margin-right :20 px;} # goleft { width: 800px高度: 70px飞越:隐藏;} # goleft # gols { width : 33100 px;} #goleft1,# goleft2 { width: auto向左浮动:}/风格/头身!-图片横向滚动block-div class=' box ' div id=' goleft ' div id=' gols ' div id=' goleft 1 ' a href=' img src=' http 3360http://image。cnicif。com/big/2013/5/14/jpg 20130514011700784。jpg ' alt=' 6 ' width=' 100 ' height=' 70 '/a href=' img src='-图片滚动结束-脚本类型='text/javascript' //图片滚动射流研究…代码var speed 2=20 var FGgoleft=document。getelementbyid(' goleft ');var FGgoleft1=文档。getelementbyid(' goleft 1 ');var fggoleft 2=文档。getelementbyid(' goleft 2 ');fggoleft 2。innerhtml=fggoleft 1。innerhtml函数marquee 2(){ if(fggoleft 2。offsetwithts-fggoleft。scrolleft=0){ fggoleft。scrolleft-=fggoleft 1。offsetwithts } else { fggoleft。被偷窃;} } var mymar 2=setInterval(跑马灯2,速度2)fggoleft。onmouseover=function(){ clearInterval(mymar 2)} fggoleft。onmouseout=function(){ mymar 2=setInterval(marquee 2,speed2) } /script /body /html效果

版权声明:JS实现图片横向滚动效果示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。