是的,我就是想实现1张图片的不间断左右移动,如何实现?用javascript?

解决方案 »

  1.   

    <div id=demo style=overflow:hidden;width:750;align="center">
            <table border=0 align=center cellpadding=1 cellspacing="1" cellspace=0 >
              <tr>
          <td valign=top bgcolor="ffffff" id=demo1> 
            <table width="90%" border="0" cellspacing="0" cellpadding="0">
        <tr align="center"> 
                      <td><a href="show.asp?id=1"><img src="csdn.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=2"><img src="csdn2.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=3"><img src="csdn3.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=4"><img src="csdn4.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=5"><img src="csdn5.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=6"><img src="csdn6.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=7"><img src="csdn7.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=8"><img src="csdn8.gif" width="87" height="104" hspace="2" border="0" /></a></td>    </tr>
      </table>
       </td>
       <td id=demo2 valign=top>
       </td>
       </tr>
       </table>
       </div></td>
        </tr>
      </table>
      <script>
      var speed=30
      demo2.innerHTML=demo1.innerHTML
      function Marquee(){
      if(demo.scrollLeft>=demo1.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>
      

  2.   

    麻烦!
    HTML就可以的,<marquee><img src=url border=0></marquee>
    <marquee>里还可以加上:direction=right(向右)/up/down/left
    scrollamount=数字(设置移动速度)
    scrolldelay=数字(设置延时)
    behavior=alternate(可以让图片来回滚动)/slide(只有一次)
    loop=数字(设置滚动次数)
    width=数字 heigth=数字 (设置滚动范围)
    -------------
    很简单的,试试吧!
      

  3.   

    TO: dingsongtao( ̄ぉ三不知ぉ ̄) 
    图片向左移时,当图片快移完时,能实现图片重新续接这张图片继续移动的需求
    你说的是maquee里的behavior:alternate
    不能实现此功能。wanghr100(灰豆宝宝.net)的才是实现继续移动的功能。
      

  4.   

    哎!
    你可以不加的嘛!后面每个函数都有注释,“behavior=alternate”是可以让图片来回滚动,也就是从左到右,到了右又向左,你不加这个函数,就是你要的效果了!!!
    <marquee><img src=url border=0></marquee>就这样什么都不设绝对是你说的效果!
    wanghr100(灰豆宝宝.net)的是行,但太长,麻烦!!!
    再试试吧!
      

  5.   

    wanghr100(灰豆宝宝.net)的好象还不能一直移动的,过一会儿会停!如果要多张不同的图片,就是
    wanghr100(灰豆宝宝.net)的效果的话就:<marquee><img src=1.GIF border=0><img src=2.GIF border=0><img src=3.GIF border=0><img src=4.GIF border=0><img src=5.GIF border=0><img src=6.GIF border=0><img src=7.GIF border=0></marquee>,多加几张了!