高考问答感情何必太认真:网页编程高手来帮帮忙
来源：百度文库 编辑：高考问答 时间：2024/05/04 08:51:23
有几幅图片,想在表格中从右到左的滚动,是一直滚动,然后点击每幅图片时都可以链接到相应的网址,
我是新手,写了几次都不好用,请各位高手帮帮忙吧..
表格高度是150像素,宽度是536像素,每幅图片大小是200*150像素
<style type="text/css">
<!--
body {
background-color: #FCF5EB;
topmargin:0;
leftmargin:0;
}
-->
</style>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 340px">
<TABLE border=0 align=left cellPadding=0 cellspacing="0" cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<table width="100%" border="0" cellpadding="1" cellspacing="2" bgcolor="#FCF5EB">
<tr align="center">
<td width="90"><a href="#" target="_blank"><img src="#" width="115" height="55" border="0" class=box></a></td>
<td width="90"><a href="#" target="_blank"><img src="#" width="115" height="55" border="0" class=box></a></td>
<td width="90"><a href="#" target="_blank"><img src="#" width="115" height="55" border="0" class=box></a></td>
<td width="90"><a href="#" target="_blank"><img src="#" width="115" height="55" border="0" class=box></a></td>
<td width="90"><a href="#" target="_blank"><img src="#" width="115" height="55" border="0" class=box></a></td>
<td width="90"><a href="#" target="_blank"><img src="#" width="115" height="55" border="0" class=box></a></td>
<td width="90"><a href="#" target="_blank"><img src="#" width="115" height="55" border="0" class=box></a></td>
</tr>
</table>
</TD>
<TD vAlign=top bgcolor="#FCF5EB" id=demo2></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<DIV id=demo3 style="OVERFLOW: hidden; WIDTH: 340px"></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 border="0" width="536" id="table1" height="150">
<td>
<tr><marquee direction="left"><a href="http://a"><img border="0" src="images/a.JPG" width="200" height="150"></a><a href="http://b"><img border="0" src="images/b.JPG" width="200" height="150"></a><a href="http://c"><img border="0" src="images/c.JPG" width="200" height="150"></a></td>
</marquee></tr>
</table>
其中http://A,http://B,http://C,是A，B，C图片的连接可以随便改。src后面是图片的地址，可以根据实际情况改。
基本语法
<marquee> ... </marquee>
<marquee>啦啦啦，我会移动耶！</marquee>
啦啦啦，我会移动耶！
文字移动属性的设置
方向 <direction=#> #=left, right
<marquee direction=left>啦啦啦，我从右向左移！</marquee> <P>
<marquee direction=right>啦啦啦，我从左向右移！</marquee>
啦啦啦，我从右向左移！
啦啦啦，我从左向右移！
方式 <bihavior=#> #=scroll, slide, alternate
<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <P>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <P>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>
啦啦啦，我一圈一圈绕着走！
啦啦啦，我只走一次就歇了！
啦啦啦，我来回走耶！
循环 <loop=#> #=次数；若未指定则循环不止(infinite)
<marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee> <P>
<marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee> <P>
<marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>
啦啦啦，我只走 3 趟哟！
啦啦啦，我只走 3 趟哟！
啦啦啦，我只走 3 趟哟！
速度 <scrollamount=#>
<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>
啦啦啦，我走得好快哟！
延时 <scrolldelay=#>
<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
啦啦啦，我走一步，停一停！
外观(Layout)设置
对齐方式(Align) <align=#> #=top, middle, bottom
<font size=6>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>
</font>
对齐上沿、中间、下沿。
啦啦啦，我会移动耶！对齐上沿。
啦啦啦，我会移动耶！对齐中间。
啦啦啦，我会移动耶！对齐下沿。
底色 <bgcolor=#>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee>
用<div style="width:536; height: 150px; float: left;"><marquee direction=left><a href="#"><img src="" style="width:200; height: 150px; border: 0px;" /></a></marquee></div>
http://www.flashvml.cn/bbs/files.asp?dex=1&page=1&myclass=310
占位置