实现图片滚动的asp代码

本文提供了一个ASP图片滚动代码示例,展示了如何通过简单的HTML和JavaScript实现图片轮播效果。代码中包含了图片路径设置及尺寸调整等内容。
将下面的代码保存为asp文件,images/babypic/为图片文件路径所在,01.jpg~06.jpg为图像文件。style=overflow:hidden;height:120;width:900中的定义高度和宽度。可以将该文件包含在首页即可。后面我准备写一个直接可以管理的asp图片滚动代码,即结合后台直接操场图片,并使用aspjpg组件自动生成小图片,而链接才打开大图片。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<table width=700 border=0 cellpadding=0 cellspacing=0 align=center>                                                                                                         
<tr><td>                                                                                                                                                                                        
  <div id=demo style=overflow:hidden;height:120;width:900;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
  <table border=0 cellpadding=0 cellspacing=0 align =center>
  <tr><td><a href="images/babypic/01.jpg" target="_blank"><img src=images/babypic/01.jpg border=0 width=150 height=150  class=b5 hspace=0></a></td>
  <td width=3></td>
  <td><a href="images/babypic/02.jpg" target="_blank"><img src=images/babypic/02.jpg border=0 width=150 height=150  class=b5 hspace=0></a></td></td>
  <td width=3></td>
  <td><a href="images/babypic/03.jpg" target="_blank"><img src=images/babypic/03.jpg border=0 width=150 height=150  class=b5 hspace=0></a></td>
  <td><a href="images/babypic/04.jpg" target="_blank"><img src=images/babypic/04.jpg border=0 width=150 height=150  class=b5 hspace=0></a></td>
  <td width=3></td>
  <td><a href="images/babypic/05.jpg" target="_blank"><img src=images/babypic/05.jpg border=0 width=150 height=150  class=b5 hspace=0></a></td>
  <td><a href="images/babypic/06.jpg" target="_blank"><img src=images/babypic/06.jpg border=0 width=150 height=150  class=b5 hspace=0></a></td>
  </tr>
  </table>
</td><td id=demo2 valign=top></td></tr></table></div>
  <script>
  var speed=5//速度数值越大速度越慢
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo. {clearInterval(MyMar)}
  demo. {MyMar=setInterval(Marquee,speed)}
  </script>
</td></tr>                                                                                                                                                                                                                           
</table>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值