控制图片左右滚动代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript"> function left(){
var e=document.all("mymarquee");
e.direction="left";
}
function right(){
var e=document.all("mymarquee");
e.direction="right";
}
</script>
</HEAD>
<BODY>
<table width="100%">
<tr>
<td >
<IMG SRC="http://www.baidu.com/img/logo.gif" onmouseover="left();"></td>
<td width="80%">
<marquee id="mymarquee">
<IMG SRC="http://www.baidu.com/img/logo.gif">
</marquee>
</td>
<td>
<IMG SRC="http://www.baidu.com/img/logo.gif" onmouseover="right();" >
</td>
</tr>
</table>
</BODY>
</HTML>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<div id=demo style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 400px; COLOR: #eaeaea; BORDER-BOTTOM: 0px; HEIGHT: 90px">
                  <table cellSpacing=0 cellPadding=0 align=center border=0>
                    <tr>
                      <td id=demo1><span id='spana'>
                        <table cellSpacing=0 cellPadding=0 width="100%" border=0>
                          <tr vAlign=top align=middle>
                   <td align="center" valign="middle"> <img src="photo/1001.gif" width="90"  style="cursor:hand" height="33" onclick="window.open('http://www.sina.com.cn')"></td>
                   <td align="center" valign="middle"> <img src="photo/1002.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1003.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1004.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1005.gif" width="90" height="33"></td></tr><tr>
                   <td align="center" valign="middle"> <img src="photo/1006.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1007.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1008.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1009.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1009.gif" width="90" height="33"></td>
                          </tr>
                        </table></span>
                      </td>
                      <td id=demo2 width=0><span id='spanb'>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
                          <tr vAlign=top align=middle>
                   <td align="center" valign="middle"> <img src="photo/1001.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1002.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1003.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1004.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1005.gif" width="90" height="33"></td></tr><tr>
                   <td align="center" valign="middle"> <img src="photo/1006.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1007.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1008.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1009.gif" width="90" height="33"></td>
                   <td align="center" valign="middle"> <img src="photo/1009.gif" width="90" height="33"></td>
                          </tr>
                        </table></span>
       </td>
                    </tr>
                  </table>
</div><script>
  var speed=10//速度数值越大速度越慢
  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>
今天才发现。我也来一段儿。CS代码的献丑了
        <marquee direction=down height=300 scrollamount=2  scrolldelay=100 >
      <a href="#"><img border=0  width="160" height="150" src="../image/01.gif"></a> <br>
      <a href="#"><img border=0  width="160" height="150" src="../image/02.gif"></a> <br>
      <a href="#"><img border=0  width="160" height="150" src="../image/03.gif"></a>
      </marquee>