效果: 几张图片从右往坐滚动,中见不间隔,连续滚动. 每张图片鼠标放上去在图片下方显示不同的字.位置在图片的下方.鼠标移走,字消失.ie 和 ff 需要兼容.谢谢.

解决方案 »

  1.   

    <!--图片滚动代码开始-->
    <div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 600px; COLOR: #ffffff; HEIGHT: 180px">
             <table cellPadding=0 align=center border=0 cellspace="0">
               <tr>
                 <td id=demo1 vAlign=top>
              <img border="0" height="180" src="/index/1.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/2.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/3.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/4.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/5.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/6.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/7.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/8.gif" height="180" alt="镇江华光化纤设备有限公司"><img border="0" height="180" src="/index/9.gif" height="180" alt="镇江华光化纤设备有限公司"> 
    </td>  
                 <td id=demo2 vAlign=top></td>
                           </tr>
             </table>
    <SCRIPT>
                  var speed=30
                  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>
    </div>
             <!--图片滚动代码结束--> 
      

  2.   

    这个我早搞定了,关键是文字的显示 定位 定不好,因为图片是滚动的,文字就要随着图片位置走.我也在网上搜了一些,总归有bag的.