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

leoiv 2004-09-07 03:11:06
用JS或者Marquee如何实现几张图片的连续滚动
我想实现的是从右向左的连续滚动，希望高手可以贴段原代码上来看看。
谢谢。
...全文
463 10 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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
  • 打赏
  • 举报
 回复
<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>
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
  • 打赏
  • 举报
 回复
做一个表格，把图片放到表格里，然后在表格上使用Marquee就可以了。
leoiv 2004-09-09
  • 打赏
  • 举报
 回复
楼上的兄弟,用marquee是实现不了的。
leoiv 2004-09-07
  • 打赏
  • 举报
 回复
我的E-mail: chenyun@sina.com
你有msn吗? 我的是 jschenyun@hotmail.com
zhaozai2003 2004-09-07
  • 打赏
  • 举报
 回复
我以前和美工合作的时候作个这个
要的话,可以给你
你的信箱是多少?发给你
js替代marquee实现图片无缝滚动
js替代marquee实现图片无缝滚动 可能大家都碰到过，当marquee中滚动的是图片的时候，滚到终点的时候直接就跳回到起点了，而不像文字那样可以无缝滚动，下面介绍的是通过js来实现图片的无缝滚动。 先了解一下下面这几个属性：
用php实现图片滚动
在php中可能会想到要实现一个图片滚动的程序，此程序可以提供这样的功能
网站滚动图片源码
使用JS脚本实现图片的滚动（注意：不是用marquee），最主要的效果是刚刚打开页面时，图片滚动区域，是满区域显示的。
JavaScript图片从右向左滚动
JavaScript图片从右向左滚动 js实现图片从右向左滚动
JS实现图片的不间断连续滚动的简单实例
下面小编就为大家带来一篇JS实现图片的不间断连续滚动的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
CSS

61,129

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章