图片连续滚动，为什么我这个就不滚动呢？求救！！！！！！！

wangyefeng 2010-07-08 03:58:06
<div id="imageFlow" style="overflow: hidden; width: 680px; background-color: #EFFBEF; height: 174px">
<table width="645" height="174" border="0" style="vertical-align: top" cellspacing="0" cellpadding="0" class="blogphototab">
<tr>
<td id="demo1" align="left">
<asp:Repeater ID="RepeaterPhotolist" runat="server">
<ItemTemplate>
<table width="215" height="174" background="images/products_bj1.gif">
<tr><td height="2"></td></tr>
<tr>
<td height="133" align="center" valign="top"><img src="<%#Eval("picUrl") %>" style="width:160px; height:129px;"/></td>
</tr>
<tr>
<td height="39" align="center" valign="top"><font style="font-size:12px"><%#Eval("title") %></font></td>
</tr>
</table> 
</ItemTemplate>
</asp:Repeater>
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
<div id="bigImgDiv" style="display: none; z-index: 100; position: absolute;">
<img height="100" id="bigImg" src="" width="120"/>
</div>
<script>
var speed=20//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-imageFlow.scrollLeft<0)
imageFlow.scrollLeft-=demo1.offsetWidth
else{ imageFlow.scrollLeft++ } }
var MyMar=setInterval(Marquee,speed)
imageFlow.onmouseover=function() {clearInterval(MyMar)}
imageFlow.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div>
...全文
254 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
wang13592578713 2010-07-08
  • 打赏
  • 举报
 回复
<SCRIPT>
var speed=10; //设置图片滚动速度
demo2.innerHTML=demo1.innerHTML ; //复制demo1为demo2
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0) //当滚动至demo1与demo2交界时
demo.scrollLeft-=demo1.offsetWidth ; //dome跳到最左端
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed); //设置定时器
demo.onmouseover=function() {clearInterval(MyMar);} //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}//鼠标移开时重设定时器，继续滚动
</SCRIPT>
crackdung 2010-07-08
  • 打赏
  • 举报
 回复
楼主想用控件解决你的问题吗？

试试它



my blog
http://ufo-crackerx.blog.163.com/
wwfgu00ing 2010-07-08
  • 打赏
  • 举报
 回复
要注意设置的高度、宽度
wangyefeng 2010-07-08
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 zcxverygood123456 的回复:]
如果图片少了就不滚动，你多添加几张，就可以了
[/Quote]
我原来有10几张的。因为太多了。我就发两张上来的。
zcxverygood123456 2010-07-08
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 zcxverygood123456 的回复:]
如果图片少了就不滚动，你多添加几张，就可以了
[/Quote]
==============
添加10张试试
wangyefeng 2010-07-08
  • 打赏
  • 举报
 回复
问题依然存在！~~~~~
zcxverygood123456 2010-07-08
  • 打赏
  • 举报
 回复
如果图片少了就不滚动，你多添加几张，就可以了
乐居猫 2010-07-08
  • 打赏
  • 举报
 回复
我路过 ……
liqiang8 2010-07-08
  • 打赏
  • 举报
 回复
overflow: hidden; width: 680px;

overflow: hidden;这个应该就不滚了吧？
还有，加了width: 680px，横向滚动条可能没有。
fmnana 2010-07-08
  • 打赏
  • 举报
 回复
看不了，你绑定数据了，把结果搞上来看看
wangyefeng 2010-07-08
  • 打赏
  • 举报
 回复
在线等结果！~~~~~~~~谢谢各位高手！
wangyefeng 2010-07-08
  • 打赏
  • 举报
 回复


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
无标题页
</title><link href="style.css" rel="stylesheet" /></head>
<body>
<form name="form1" method="post" action="Default.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTg2OTY0MTUxOQ9kFgICAw9kFgICAQ8WAh4LXyFJdGVtQ291bnQCERYiZg9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDcwNzAxMjI0OC5naWYh5YC+6L2s5byP6YeR5bGe5Z6L6YeN5Yqb6ZO46YCg5py6ZAIBD2QWAmYPFQIfL3VwbG9hZC9uZXdzLzIwMTAwNjI5MDE0NzAyLmpwZwtBMeivleagt+acumQCAg9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDYyOTAxNDYzMC5qcGcSQTIw57O75YiX5bCE6Iqv5py6ZAIDD2QWAmYPFQIfL3VwbG9hZC9uZXdzLzIwMTAwNjI5MDE0NjAzLmpwZxJBNDDns7vliJflsIToiq/mnLpkAgQPZBYCZg8VAh8vdXBsb2FkL25ld3MvMjAxMDA2MjkwMTQ1MzIuanBnEkErIOezu+WIl+WwhOiKr+acumQCBQ9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDYyOTAxNDUwMC5qcGcQQ+ezu+WIl+WwhOiKr+acumQCBg9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDYyOTAxNDQyOC5qcGcQROezu+WIl+WwhOiKr+acumQCBw9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDYyOTAxNDM0OC5qcGcVTVNB5Z6C55u05byP5re356CC5py6ZAIID2QWAmYPFQIAFU1TQuawtOW5s+W8j+a3t+egguacumQCCQ9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDYyOTAxNDIyOS5qcGcVTVND56e75Yqo5byP5re356CC5py6ZAIKD2QWAmYPFQIAEuWItuiKr+i+heWKqeiuvuWkh2QCCw9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDYyOTAyMjAzMi5qcGch5Zu65a6a5byP6YeR5bGe5Z6L6YeN5Yqb6ZO46YCg5py6ZAIMD2QWAmYPFQIfL3VwbG9hZC9uZXdzLzIwMTAwNzA3MDEwNTAwLnBuZwzliLboiq/kuK3lv4NkAg0PZBYCZg8VAh8vdXBsb2FkL25ld3MvMjAxMDA3MDcwMTI0NTYuZ2lmG+acuuWZqOS6uumHjeWKm+a1h+azqOWNleWFg2QCDg9kFgJmDxUCHy91cGxvYWQvbmV3cy8yMDEwMDcwNzAxMTc0My5naWYJ57uE6Iqv57q/ZAIPD2QWAmYPFQIfL3VwbG9hZC9uZXdzLzIwMTAwNzA3MDEyNTMxLnBuZxXoh6rliqjmtYfms6jmnLrmorDoh4JkAhAPZBYCZg8VAh8vdXBsb2FkL25ld3MvMjAxMDA3MDcwMTE4MjAuZ2lmCeWjs+Wei+e6v2RkVqCh0CZRHZ17uUCl0iVP4xytGeM=" />
</div>

<div>
<div id="imageFlow" style="overflow: hidden; width: 680px; background-color: #EFFBEF; height: 174px">
<table width="645" height="174" border="0" style="vertical-align: top" cellspacing="0" cellpadding="0" class="blogphototab">
<tr>
<td id="demo1" align="left">

<table width="215" height="174" background="images/products_bj1.gif">
<tr><td height="2"></td></tr>
<tr>
<td height="133" align="center" valign="top"><img src="/upload/news/20100707012248.gif" style="width:160px; height:129px;"/></td>
</tr>
<tr>
<td height="39" align="center" valign="top"><font style="font-size:12px">倾转式金属型重力铸造机</font></td>
</tr>
</table> 

<table width="215" height="174" background="images/products_bj1.gif">
<tr><td height="2"></td></tr>
<tr>
<td height="133" align="center" valign="top"><img src="/upload/news/20100629014702.jpg" style="width:160px; height:129px;"/></td>
</tr>
<tr>
<td height="39" align="center" valign="top"><font style="font-size:12px">A1试样机</font></td>
</tr>
</table> 

</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
<div id="bigImgDiv" style="display: none; z-index: 100; position: absolute;">
<img height="100" id="bigImg" src="" width="120"/>
</div>
<script>
var speed=20//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-imageFlow.scrollLeft<0)
imageFlow.scrollLeft-=demo1.offsetWidth
else{ imageFlow.scrollLeft++ } }
var MyMar=setInterval(Marquee,speed)
imageFlow.onmouseover=function() {clearInterval(MyMar)}
imageFlow.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div>
</form>
</body>
</html>
这是结果
wangyefeng 2010-07-08
  • 打赏
  • 举报
 回复
我在demo1中加了<table>
如果单纯的运行图片的，也是可以滚动的。
但加了背景，图片和文字之后，就不滚动了。

海洋齐齐 2010-07-08
  • 打赏
  • 举报
 回复
看不了，你绑定数据了，把结果搞上来看看
hl362496158 2010-07-08
  • 打赏
  • 举报
 回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
TD {FONT-SIZE: 12px;}
</style>
</head>

<body>
<div id=demo style="OVERFLOW: hidden; WIDTH: 760px; align: center">
<table cellspacing="0" cellpadding="0" align="center"
border="0">
<tbody>
<tr>
<td id="marquePic1" valign="top">

<table width="958" height="130" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="95" height="110" align="center">1</td>
<td width="95" align="center">2</td>
<td width="95" align="center">3</td>
<td width="95" align="center">4</td>
<td width="95" align="center">5</td>
<td width="95" align="center">6</td>
<td width="95" align="center">7</td>
<td width="95" align="center">8</td>
<td width="95" align="center">9</td>
<td width="103" align="center">0</td>
</tr>
<tr>
<td height="20" align="center" bgcolor="#CCCCCC"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center" bgcolor="#FFFF99"> </td>
</tr>
</table>

</td>
<td id="marquePic2" valign="top"></td>
</tr>
</tbody>
</table>
</div>
<script type=text/javascript>
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

</body>
</html>
wangyefeng 2010-07-08
  • 打赏
  • 举报
 回复
在线等！
只要复制在body就可以运行了。

急呀................
我在CSDN参与的3000个帖子
 今日偶然翻到，感慨万千 1：申述：版主，是否扣了我的专家分？ 2：100分急求，随机输出十个小写字母，但是，要求这十个字母不相同 3：求Sn=a+aa+aaa+…+aaa…a（n个a）之值 4：数组题 望高手帮忙！ 5：呵呵，来推荐一下我的网站，本站提供大量当今流行的免费的音乐和免费电影，常用软件、游戏、精美图库下载,希望对网友有帮助!顺便散分! 6：VBA请教怎
数据库帖子收集
这样的数据列表在存储过程中应该怎么样选择得到？ 请问造成SQL2000服务不能启动的原因有哪些？ sql server中有無類似于if 的函數,即像這樣select if(cancel=1,'cancel','') from sales 这样怎么返回呀！！！！记录集的返回。。 谁能跟我说说期初库存怎么样的一个业务逻辑!都要处理哪些内容!需要每月进...
HTML编程2
 Q简单的问题，关于CHtmlView的滚动条。急！T现在有一个问题，我使用了CHtmlView类，但是不能得到CHtmlView滚动条事件。请问那位大虾有好的方法，可行立即给分。AIHTMLWindow2::onscroll Property------------------------------------------------
HTML(2)：CHtmlView
Q简单的问题，关于CHtmlView的滚动条。急！T现在有一个问题，我使用了CHtmlView类，但是不能得到CHtmlView滚动条事件。请问那位大虾有好的方法，可行立即给分。AIHTMLWindow2::onscroll Property-------------------------------------------------------------------------------
为什么我们信息学奥赛出了国家一等奖 by:山东省莱州一中 姚 远
　　　　　　　　　　　　　　　　　　　　　　 为什么我们信息学奥赛出了国家一等奖 　 　　2005年5月中旬，在犹豫了几个月后，我终于决定退出信息学奥赛。随后我交还了手中所有的图书资料，搬出了601宿舍，停下了所有的辅导课……脑袋空下来之后，过去的事开始不断闯进我的脑海——那不明白的许多事情，还有悬而未决的问题——我真想解决它们啊。至少我也要弄明白有些事为什么会发生，为什么会变...
.NET社区

62,254

社区成员

668,981

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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

+ 用AI写文章