现在的位置: 首页 > 综合 > 正文

《js特效–滚动的图片》

2018年04月18日 ⁄ 综合 ⁄ 共 2213字 ⁄ 字号 评论关闭

 <center>
<table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                         

 <tr><td>                                                                                                                                                                                        

  <div id=www_qpsh_com style=overflow:hidden;height:120px;width:700px;color:#ff0000 ><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=www_qpsh_com1 valign=top>
  <table border=0 cellpadding=0 cellspacing=0>
  <tr><td><a href=www.baidu.com target=_blank><img border=0 src="images/01.jpg" width=150 height=100 hspace=22></a><br><center><b>第一张图片</b></center></td>
  <td width=30></td>
  <td><a href=www.baidu.com target=_blank><img border=0 src="images/02.jpg" width=150 height=100  hspace=0></a><br><center><b>第2张图片</b></center></td></td>
  <td width=30></td>
  <td><a href=www.baidu.com target=_blank><img border=0 src="images/03.jpg" width=150 height=100  hspace=22></a><br><center><b>第3张图片</b></center></td>
  <td><a href=www.baidu.com target=_blank><img border=0 src="images/04.jpg" width=150 height=100  hspace=22></a><br><center><b>第4张图片</b></center></td>
  <td width=30></td>
  <td><a href=www.baidu.com target=_blank><img border=0 src="images/05.jpg" width=150 height=100  hspace=22></a><br><center><b>第5张图片</b></center></td>
  </tr>
  </table>
 </td><td id=www_qpsh_com2 valign=top></td></tr></table></div>
  <script>
  var speed=10//速度数值越大速度越慢
  www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
  function Marquee(){
  if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
  www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
  else{
  www_qpsh_com.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
  www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
 </td></tr>                                                                                                                                                                                                                           

 </table>
</center>

<!--

使用说明:只需在你当前文件夹下建一个文件夹,名字为:images, 然后在这个文件夹下放入01.jpg……05.jpg 即可,然后改名为htm或html,双击在

浏览器中运行,就会发现 五张滚动的图片一直从左往右运动。(也可修改代码,建一个任意的文件夹)

提供人:等你到心痛

-->

抱歉!评论已关闭.