• 全部
  • 问答

用JS或者Marquee如何实现几张图片的连续滚动

leoiv 2004-09-07 03:11:06
用JS或者Marquee如何实现几张图片的连续滚动
我想实现的是从右向左的连续滚动，希望高手可以贴段原代码上来看看。
谢谢。
...全文
340 点赞 收藏 10
写回复
10 条回复
切换为时间正序
当前发帖距今超过3年，不再开放新的回复
发表回复
leoiv 2004-09-10
magically2008(化了装De机器猫在捉老鼠！)

我现在用的是frontpage2000,你的marquee在frontpage里真的无法实现，这个方法我一早就用过了。后来我用记事本写你上面这段代码，结果是可以实现的，哎～
Front Page垃圾啊．．．．．．．5555555555555
现在问题解决．决定开始给分．谢谢大家的支持和帮助．
 回复 赞
leoiv 2004-09-10
我现在以解决，把方法给大家看看。一起分享：

'我做成了js文件保存 gundongimg.js文件内容如下：
document.write('<table align=center width=780 border=0 cellpadding=0 cellspacing=0 >');
document.write(' <tr> ');
document.write(' <td width=780 height=90 align=center class=border01 bgcolor=#FFFFFF>');
document.write(' <div id=demo style=overflow:hidden;width:750;align=center>');
document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 >');
document.write(' <tr>');
document.write(' <td valign=top bgcolor=#ffffff id=marquePic1> ');
document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>');
document.write(' <tr align=center> ');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/1.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/2.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/3.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=ehttp://www.sina.com.cn><img src=images/4.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/5.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/6.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/7.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/8.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' <td><a href=http://www.sina.com.cn><img src=images/9.gif width=80 height=55 hspace=2 border=0></a></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </td>');
document.write(' <td id=marquePic2 valign=top></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </div>');
document.write(' </td>');
document.write(' </tr>');
document.write(' </table>');
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)}
 回复 赞
magically2008 2004-09-09
<marquee onmouseover=this.stop() onmouseout=this.start()
scrollAmount=1 scrollDelay=1 direction=up height=190>
<div align="center"><table width="50" border="0">
<tr>
<td><a href="images/1.jpg" target="_blank"><img src="images/1.jpg" alt="" width="145" height="100" border="0"></a></td>
</tr>
<tr>
<td><a href="images/2.jpg" target="_blank"><img src="images/2.jpg" width="145" height="101" border="0"></a></td>
</tr>
<tr>
<td><a href="images/3.jpg" target="_blank"><img src="images/3.jpg" width="145" height="97" border="0"></a></td>
</tr>
<tr>
<td><a href="images/4.jpg" target="_blank"><img src="images/4.jpg" width="145" height="95" border="0"></a></td>
</tr>
<tr>
<td><a href="images/5.jpg" target="_blank"><img src="images/5.jpg" width="145" height="97" border="0"></a></td>
</tr>
<tr>
<td><a href="images/6.jpg" target="_blank"><img src="images/6.jpg" width="145" height="96" border="0"></a></td>
</tr>
<tr>
<td><a href="images/7.jpg" target="_blank"><img src="images/7.jpg" width="145" height="86" border="0"></a></td>
</tr>
<tr>
<td><a href="images/8.jpg" target="_blank"><img src="images/8.jpg" width="145" height="86" border="0"></a></td>
</tr>
</table>
<p align="right"><br>
</p>
</div></marquee>
回复 赞
王西之 2004-09-09
http://www.51windows.net/hw/asp/jsview.asp?id=368
参考这个
 回复 赞
BlueDestiny 2004-09-09


<div id=demo style="overflow:hidden;height:60px;width=30px;">
<div id=demo1>
<img src="XX.gif" width="30" height="30">
<img src="XX.gif" width="30" height="30">
<img src="XX.gif" width="30" height="30">
<img src="XX.gif" width="30" height="30">
<img src="XX.gif" width="30" height="30">
<img src="XX.gif" width="30" height="30">
</div>
<div id=demo2></div>
<script language=javascript>
var speed = 50;
demo2.innerText = demo1.innerText;
function Marquee()
{
if(demo2.offsetTop - demo.scrollTop<=0)
demo.scrollTop -= demo1.offsetHeight;
else
demo.scrollTop++
}
setInterval("Marquee()",speed);
</script>
 回复 赞
BlueDestiny 2004-09-09
<SCRIPT language=Javascript>
document.write('<table align=center width=780 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>');document.write(' <tr> ');document.write(' <td width=780 height=90 align=center class=border01 bgcolor=#FFFFFF>');document.write(' <div id=demo style=overflow:hidden;width:750;align=center>');document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >');document.write(' <tr>');document.write(' <td valign=top bgcolor=ffffff id=marquePic1> ');document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>');document.write(' <tr align=center> ');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408005><img src=images/goods/G0408005/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408004><img src=images/goods/G0408004/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408003><img src=images/goods/G0408003/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408002><img src=images/goods/G0408002/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408001><img src=images/goods/G0408001/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408005><img src=images/goods/G0408005/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408004><img src=images/goods/G0408004/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408003><img src=images/goods/G0408003/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' <td><a href=excute.asp?cmd=goods_detail&lan=cn&id=G0408002><img src=images/goods/G0408002/marquee.gif width=100 height=75 hspace=2 border=0></a></td>');document.write(' </tr>');document.write(' </table>');document.write(' </td>');document.write(' <td id=marquePic2 valign=top></td>');document.write(' </tr>');document.write(' </table>');document.write(' </div>');document.write(' </td>');document.write(' </tr>');document.write(' </table>');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>
 回复 赞
mabin 2004-09-09
做一个表格，把图片放到表格里，然后在表格上使用Marquee就可以了。
 回复 赞
leoiv 2004-09-09
楼上的兄弟,用marquee是实现不了的。
 回复 赞
leoiv 2004-09-07
我的E-mail: chenyun@sina.com
你有msn吗? 我的是 jschenyun@hotmail.com
 回复 赞
zhaozai2003 2004-09-07
我以前和美工合作的时候作个这个
要的话,可以给你
你的信箱是多少?发给你
 回复 赞
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2004-09-07 03:11
社区公告
暂无公告