标题:[求助]如何实现图片不间断的滚动啊?
只看楼主
dushui265
Rank: 1
等 级:新手上路
威 望:2
帖 子:227
专家分:0
注 册:2007-9-28
 问题点数:0 回复次数:7 
[求助]如何实现图片不间断的滚动啊?
我有几张相同大小的图片,想通过 Marquee 实现图片不间断的循环滚动
有没有比较简单容易实现的代码啊?
搜索更多相关主题的帖子: 滚动 Marquee 代码 
2007-10-19 09:42
dushui265
Rank: 1
等 级:新手上路
威 望:2
帖 子:227
专家分:0
注 册:2007-9-28
得分:0 
没人知道吗??

2007-10-20 22:13
dushui265
Rank: 1
等 级:新手上路
威 望:2
帖 子:227
专家分:0
注 册:2007-9-28
得分:0 
就是连续的,中间不出现空白

2007-10-20 22:17
luo123
Rank: 1
等 级:新手上路
威 望:2
帖 子:324
专家分:0
注 册:2007-4-13
得分:0 

我有一个。


<div id=demo style=overflow:hidden;height:226px>
<div id="demo1">
<li><img src="img.gif" height="226" width="140"></li>
<li><img src="img.gif" height="226" width="140"></li>
<li><img src="img.gif" height="226" width="140"></li>
<li><img src="img.gif" height="226" width="140"></li>
<li><img src="img.gif" height="226" width="140"></li>
</div>
<div id="demo2"></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div>


[url=http://www..cn]电子编程[/url]
2007-10-30 01:32
luo123
Rank: 1
等 级:新手上路
威 望:2
帖 子:324
专家分:0
注 册:2007-4-13
得分:0 
img.gif你替换一下就行。

[url=http://www..cn]电子编程[/url]
2007-10-30 01:33
xunmi_love
Rank: 2
等 级:论坛游民
帖 子:204
专家分:18
注 册:2006-10-14
得分:0 
那左右的滚动呢?看不出來要修改那裡,

低頭做人,擡頭做事。
2007-10-30 19:20
niuniu2009kk
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2007-10-15
得分:0 
期待着回答关于水平无缝连接的回答,期待,期待……

太懒,今天就说一句话,好了,我说完了……
2007-10-31 23:57
dushui265
Rank: 1
等 级:新手上路
威 望:2
帖 子:227
专家分:0
注 册:2007-9-28
得分:0 

有了!

<DIV id=demo
style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; OVERFLOW: hidden;WIDTH:360px; HEIGHT:170px; BORDER-BOTTOM: 0px" align="center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD id=demo1>
<table width="379">
<tr><td width="100">
<img src="read/read_clip_image002.jpg" width="85" height="120"> </td>
<td width="100"> <img src="read/read_clip_image002_0000.jpg" width="85" height="120"></td>
<td width="100"><img src="read/read_clip_image002_0001.jpg" width="85" height="120"></td>
<td width="100"><img src="read/read_clip_image002_0002.jpg" width="85" height="120"></td>
<td width="100"><img src="read/read_clip_image002_0003.jpg" width="85" height="120"></td>
<td width="100"><img src="read/read_clip_image002_0004.jpg" width="85" height="120"></td>

</tr>
<tr><td align="center"><a href="html/read.asp?act=tu1">西点的10堂领导课</a></td>
<td align="center"><a href="html/read.asp?act=tu2">恰同学少年</a></td>
<td align="center"><a href="html/read.asp?act=tu3">天堂镇</a></td>
<Td align="center"><a href="html/read.asp?act=tu4">感谢折磨你的人全集</a></Td>
<td align="center"><a href="html/read.asp?act=tu5">财富故事会——征文</a></td>
<td align="center"><a href="html/read.asp?act=tu6">网络管理员超级技巧</a></td>
</tr></table>
</TD>
<TD id=demo2 width=1></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=40//速度数值越大速度越慢
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.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>

修改图片的路径就行了,里面的table可以任意更改


2007-11-05 13:40



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-178949-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.493899 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved