JS左右輪播圖片

<title>Js圖片連續滾動代碼</title>

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 255px; HEIGHT: 78px">
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                     <TR>
                     <TD id=demo1>
                        <TABLE id=demo3 style="MARGIN-LEFT: 0px" cellSpacing=0 cellPadding=0 width=459 border=0>
        <img src="/jscss/demoimg/wall_s8.jpg" class="floatleft" />
        <img src="/jscss/demoimg/wall_s8.jpg" class="floatleft" />
        <img src="/jscss/demoimg/wall_s8.jpg" class="floatleft" />
        <img src="/jscss/demoimg/wall_s8.jpg" class="floatleft" />
      </TABLE>
        </TD>
      <TD id=demo2></TD></TR>
    </TABLE>
</DIV>                    
<SCRIPT language=javascript>
      var speed=30;
      demo2.innerHTML=demo1.innerHTML;
      function MarqueeL(){
        if(demo2.offsetWidth-demo.scrollLeft<=0)
          demo.scrollLeft-=demo1.offsetWidth;
        else
          demo.scrollLeft++;
      }
      function MarqueeR(){
        if(demo2.offsetWidth-demo.scrollLeft>=255)
          demo.scrollLeft+=demo1.offsetWidth;
        else
          demo.scrollLeft--;
      }
      var flag=0;
      var MyMar;
      //var MyMar=setInterval(MarqueeL,speed);
      demo. {if(MyMar){clearInterval(MyMar)}}
      //demo. {MyMar=setInterval(MarqueeR,speed)}    
      function moveout(way)
      {
          if(MyMar)
          {
            clearInterval(MyMar);
          }
      }
function moveThis(way){    
  if(way=='right'){    
    flag=1;
    if(MyMar)
    {
      clearInterval(MyMar);
    }
    MyMar=setInterval(MarqueeR,speed);
  }
  else{    
    flag=0;
    if(MyMar)
    {
      clearInterval(MyMar);
    }
    MyMar=setInterval(MarqueeL,speed);
  }    
  if(flag) demo. {MyMar=setInterval(MarqueeR,speed)}    
  else demo. {MyMar=setInterval(MarqueeL,speed)}
}    
moveThis("left");
</SCRIPT>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章