首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

<marquee> 图片扫尾相连

2012-11-03 
marquee图片收尾相连首尾相连无缝滚动特效,此特效可以实现文字,图片,从右向走首尾相连无缝滚动,图片和文

<marquee> 图片收尾相连
首尾相连无缝滚动特效,此特效可以实现文字,图片,从右向走首尾相连无缝滚动,图片和文字可以是直接写上的也可以是从数据库中取出的。
  下面以直接添加上的图片为例,对于文字只需把图片替换就可以了:
<table cellspacing=0 cellpadding=0 width=300 align=center border=0>
<tr>
  <td height=25>
  <div id=demo style="OVERFLOW: hidden; WIDTH: 300px; COLOR: #ffffff; HEIGHT: 25px">
   <table cellPadding=0 align=left border=0 cellspacing=0>
     <tr>
        <td id=demo1 width=300>
          <table cellspacing=0 cellpadding=0 width=300 align=center border=0>
            <tr>
              <td width=300><img src=skins/default/UBB/Icons/flash.gif><img src=skins/default/UBB/Icons/music.gif><img src=skins/default/UBB/Icons/flash.gif><img src=skins/default/UBB/Icons/music.gif></td>
            </tr>
          </table>
        </td>
        <td id=demo2></td>
       </tr>
      </table>
     </div>
    </td>
   </tr>
</table>
<SCRIPT>
  var speed=8
  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>

热点排行