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

leoiv 2004-09-07 03:11:06

用JS或者Marquee如何实现几张图片的连续滚动
我想实现的是从右向左的连续滚动，希望高手可以贴段原代码上来看看。
谢谢。

...全文

469 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

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

打赏
举报

woyingjie 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