图片滚动

T_long 2010-04-02 10:32:50
显示图片的代码:
<div id="demo" style=" WIDTH: 750px; height:175px; text-align:left;overflow:hidden;">
<table><tr><td id="demo1" style="width:786px"><%
System.Collections.Generic.IList<Produce> list = ProductManager.GetSpricalProduct();
foreach (Produce product in list)
{
%>
<img alt="特惠产品,抓紧时间抢" width="143px" height="122px" src="./Images/<%= product.Image %>" border="0"/>
<% }%></td><td id="demo2"></td></tr></table> </div>
Javascript代码:
<SCRIPT type="text/javascript" language="javascript">
var speed3=30//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>

图片能读出来,可是就是不滚,高手看一看,指点指点,谢谢……
...全文
86 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
peswe 2010-04-05
  • 打赏
  • 举报
回复
看你都是直接用id,这个在有些浏览器中不兼容的
你换成document.getElementById()试试
T_long 2010-04-05
  • 打赏
  • 举报
回复
[Quote=引用楼主 t_long 的回复:]
显示图片的代码:
<div id="demo" style=" WIDTH: 750px; height:175px; text-align:left;overflow:hidden;">
<table><tr><td id="demo1" style="width:786px"><%
System.Collections.Generic.IList<Produce> list =……
[/Quote]
不是吧,我要的是不停的滚动!
yujiayou 2010-04-02
  • 打赏
  • 举报
回复
把图片层加一对<marquee scrolldelay = 120></marquee>标签scrolldelay控制图片滚动速度direction = right 控制滚动方向 LZ看一看是不是这样

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧