横向连续滚动的图片

来源：远方教程作者：远方教程发布时间：2015-01-17 查看次数：2829　访问[新版]

　　特效代码在文本域中，您可以点击文本域下方的预览按钮先查看效果。

<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=http://www.52yfjc.com/ target=_blank><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" border=0 src="http://www.52yfjc.com/text/images/BS9097.jpg" width=150 height=100 hspace=22></a><br><center><b>说明一</b></center></td>
  <td width=30></td>
  <td><a href=http://www.52yfjc.com/ target=_blank><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" border=0 src="http://www.52yfjc.com/text/images/BS9092.jpg" width=150 height=100  hspace=22></a><br><center><b>说明二</b></center></td></td>
  <td width=30></td>
  <td><a href=http://www.52yfjc.com/ target=_blank><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" border=0 src="http://www.52yfjc.com/text/images/BS9084.jpg" width=150 height=100  hspace=22></a><br><center><b>说明三</b></center></td>
  <td><a href=http://www.52yfjc.com/ target=_blank><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" border=0 src="http://www.52yfjc.com/text/images/BS9079.jpg" width=150 height=100  hspace=22></a><br><center><b>说明四</b></center></td>
  <td width=30></td>
  <td><a href=http://www.52yfjc.com/ target=_blank><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" border=0 src="http://www.52yfjc.com/text/images/BS9070.jpg" width=150 height=100  hspace=22></a><br><center><b>说明五</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>
<script type="text/javascript">
/*tupianxuanfu*/
var cpro_id = "u1828747";
</script><script src="http://cpro.baidustatic.com/cpro/ui/i.js" type="text/javascript"></script>

标签：横向连续图片导航 Google一下

分享到： QQ空间新浪微博腾讯微博人人网

打印 |

关闭评论

上一篇：没有了

下一篇：逐渐显示的图片特效

·查看安全快捷上网技巧

图片新闻

美女户外健身, 美翻

真人美女和动漫美女

站内搜索

猜您喜欢