免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1423 | 回复: 0
打印 上一主题 下一主题

连续不间断横向滚动图片 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-04-11 23:42 |只看该作者 |倒序浏览
table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                         

tr>td>                                                                                                                                                                                         

  div id=demo style=overflow:hidden;height:120;width:700;color:#ffffff>table align=left cellpadding=0 cellspace=0 border=0>tr>td id=demo1 valign=top>

  table border=0 cellpadding=0 cellspacing=0>

  tr>td>a href=# target=_blank>img src=jsimg/1.jpg width=150 height=100  class=b5 hspace=22>a>br>center>b>说明一b>center>td>

  td width=30>td>

  td>a href=# target=_blank>img src=jsimg/2.jpg width=150 height=100  class=b5 hspace=22>a>br>center>b>说明二b>center>td>td>

  td width=30>td>

  td>a href=# target=_blank>img src=jsimg/3.jpg width=150 height=100  class=b5 hspace=22>a>br>center>b>说明三b>center>td>

  td>a href=# target=_blank>img src=jsimg/4.jpg width=150 height=100  class=b5 hspace=22>a>br>center>b>说明四b>center>td>

  td width=30>td>

  td>a href=# target=_blank>img src=jsimg/5.jpg width=150 height=100  class=b5 hspace=22>a>br>center>b>说明五b>center>td>

  tr>

  table>

td>td id=demo2 valign=top>td>tr>table>div>


  script>


  var speed=10//速度数值越大速度越慢

  demo2.innerHTML=demo1.innerHTML


  function Marquee()

{

  if(demo2.offsetWidth-demo.scrollLeft0)

  demo.scrollLeft-=demo1.offsetWidth


  else

{

  demo.scrollLeft++

  }

  }

  var MyMar=setInterval(Marquee,speed)


  demo.onmouseover=function()

{clearInterval(MyMar)}


  demo.onmouseout=function()

{MyMar=setInterval(Marquee,speed)}

  script>

td>tr>                                                                                                                                                                                                                           

table>



本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/15511/showart_98498.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP