开发者社区> 科技小能手> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

实现图片滚动的asp代码

简介:
+关注继续查看
将下面的代码保存为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>

 本文转自 simeon2005 51CTO博客,原文链接:http://blog.51cto.com/simeon/97136

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ASP代码审计学习笔记 -2.XSS跨站脚本
XSS漏洞: 漏洞代码: 漏洞利用: 漏洞修复: Server.HTMLEncode(string):HTMLEncode 方法对一段指定的字符串应用 HTML 编码。修复代码如下:   
504 0
ASP.NET Core : 一. 概述
ASP.NET Core : 一. 概述
0 0
ASP.NET MVC (五、HttpClient接口解析)(6)
ASP.NET MVC (五、HttpClient接口解析)(6)
0 0
ASP.NET MVC (五、HttpClient接口解析)(5)
ASP.NET MVC (五、HttpClient接口解析)(5)
0 0
ASP.NET MVC (五、HttpClient接口解析)(4)
ASP.NET MVC (五、HttpClient接口解析)(4)
0 0
ASP.NET MVC (五、HttpClient接口解析)(3)
ASP.NET MVC (五、HttpClient接口解析)(3)
0 0
ASP.NET MVC (五、HttpClient接口解析)(2)
ASP.NET MVC (五、HttpClient接口解析)(2)
0 0
ASP.NET MVC (五、HttpClient接口解析)(1)
ASP.NET MVC (五、HttpClient接口解析)(1)
0 0
ASP.NET MVC (四、ASP.NET Web API应用程序与跨域操作)(7)
ASP.NET MVC (四、ASP.NET Web API应用程序与跨域操作)(7)
0 0
ASP.NET MVC (四、ASP.NET Web API应用程序与跨域操作)(6)
ASP.NET MVC (四、ASP.NET Web API应用程序与跨域操作)(6)
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载