收集整理的四个方向的滚动

　　向上滚动

</P>
<P><div id=demo style=overflow:hidden;height:100;width:90; 
background:#214984;color:#ffffff> 
<div id=demo1> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 </div> 
 <div id=demo2></div> 
 </div> 
   <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%20%20%20var%20speed%3D30%20%0D%0A%20%20%20demo2.innerHTML%3Ddemo1.innerHTML%20%2F%2F%E5%85%8B%E9%9A%86demo1%E4%B8%BAdemo2%20%0D%0A%20%20%20function%20Marquee()%7B%20%0D%0A%2F%2F%E5%BD%93%E6%BB%9A%E5%8A%A8%E8%87%B3demo1%E4%B8%8Edemo2%E4%BA%A4%E7%95%8C%E6%97%B6%20%0D%0Aif(demo2.offsetTop-demo.scrollTop%3C%3D0)%20%20%20%0D%0Ademo.scrollTop-%3Ddemo1.offsetHeight%20%2F%2Fdemo%E8%B7%B3%E5%88%B0%E6%9C%80%E9%A1%B6%E7%AB%AF%20%0D%0Aelse%7B%20%0D%0Ademo.scrollTop%2B%2B%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%20var%20MyMar%3DsetInterval(Marquee%2Cspeed)%2F%2F%E8%AE%BE%E7%BD%AE%E5%AE%9A%E6%97%B6%E5%99%A8%20%0D%0A%2F%2F%E9%BC%A0%E6%A0%87%E7%A7%BB%E4%B8%8A%E6%97%B6%E6%B8%85%E9%99%A4%E5%AE%9A%E6%97%B6%E5%99%A8%E8%BE%BE%E5%88%B0%E6%BB%9A%E5%8A%A8%E5%81%9C%E6%AD%A2%E7%9A%84%E7%9B%AE%E7%9A%84%20%0D%0A%20%20%20demo.onmouseover%3Dfunction()%20%7BclearInterval(MyMar)%7D%20%0D%0A%2F%2F%E9%BC%A0%E6%A0%87%E7%A7%BB%E5%BC%80%E6%97%B6%E9%87%8D%E8%AE%BE%E5%AE%9A%E6%97%B6%E5%99%A8%20%0D%0A%20%20%20demo.onmouseout%3Dfunction()%7BMyMar%3DsetInterval(Marquee%2Cspeed)%7D%20%0D%0A%3C%2Fscript%3E"> 
</P>
<P>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　向下滚动

</P>
<P>  <div id=demo style=overflow:hidden;height:100;width:90; 
background:#214984;color:#ffffff> 
<div id=demo1> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
 <img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif"> 
</div> 
<div id=demo2></div> 
</div> 
    <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%20%20%20%20var%20speed%3D30%20%0D%0A%20%20%20%20demo2.innerHTML%3Ddemo1.innerHTML%20%0D%0A%20%20%20%20demo.scrollTop%3Ddemo.scrollHeight%20%0D%0A%20%20%20%20function%20Marquee()%7B%20%0D%0A%20%20%20%20if(demo1.offsetTop-demo.scrollTop%3E%3D0)%20%0D%0A%20%20%20%20demo.scrollTop%2B%3Ddemo2.offsetHeight%20%0D%0A%20%20%20%20else%7B%20%0D%0A%20%20%20%20demo.scrollTop--%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20var%20MyMar%3DsetInterval(Marquee%2Cspeed)%20%0D%0A%20%20%20%20demo.onmouseover%3Dfunction()%20%7BclearInterval(MyMar)%7D%20%0D%0A%20%20%20%20demo.onmouseout%3Dfunction()%20%7BMyMar%3DsetInterval(Marquee%2Cspeed)%7D%20%0D%0A%20%20%3C%2Fscript%3E"> 
</P>
<P>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　向左滚动

</P>
<P><div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">
      <table cellpadding="0" cellspacing="0" border="0">
        <tr><td id="demo1" valign="top" align="center">
          <table cellpadding="2" cellspacing="0" border="0">
            <tr align="center">
     <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
              <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
     <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
     <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
              <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
            </tr>
          </table>
        </td>
        <td id="demo2" valign="top"></td>
        </tr>
      </table>
    </div>
  <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%0D%0A%20%20var%20speed%3D1%2F%2F%E9%80%9F%E5%BA%A6%E6%95%B0%E5%80%BC%E8%B6%8A%E5%A4%A7%E9%80%9F%E5%BA%A6%E8%B6%8A%E6%85%A2%0D%0A%20%20demo2.innerHTML%3Ddemo1.innerHTML%0D%0A%20%20function%20Marquee()%7B%0D%0A%20%20if(demo2.offsetWidth-demo.scrollLeft%3C%3D0)%0D%0A%20%20demo.scrollLeft-%3Ddemo1.offsetWidth%0D%0A%20%20else%7B%0D%0A%20%20demo.scrollLeft%2B%2B%0D%0A%20%20%7D%0D%0A%20%20%7D%0D%0A%20%20var%20MyMar%3DsetInterval(Marquee%2Cspeed)%0D%0A%20%20demo.onmouseover%3Dfunction()%20%7BclearInterval(MyMar)%7D%0D%0A%20%20demo.onmouseout%3Dfunction()%20%7BMyMar%3DsetInterval(Marquee%2Cspeed)%7D%0D%0A%20%20%3C%2Fscript%3E">
</P>
<P>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　向右滚动

</P>
<P><div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">
      <table cellpadding="0" cellspacing="0" border="0">
        <tr><td id="demo1" valign="top" align="center">
          <table cellpadding="2" cellspacing="0" border="0">
            <tr align="center">
     <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
              <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
     <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
     <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
              <td><img src="http://www.glzy8.com/logos.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Flogos.gif" width="88"></td>
            </tr>
          </table>
        </td>
        <td id="demo2" valign="top"></td>
        </tr>
      </table>
    </div>
  <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%0D%0A%20%20var%20speed%3D1%2F%2F%E9%80%9F%E5%BA%A6%E6%95%B0%E5%80%BC%E8%B6%8A%E5%A4%A7%E9%80%9F%E5%BA%A6%E8%B6%8A%E6%85%A2%0D%0A%20%20demo2.innerHTML%3Ddemo1.innerHTML%0D%0A%20%20function%20Marquee()%7B%0D%0A%20%20if(demo.scrollLeft%3C%3D0)%0D%0A%20%20demo.scrollLeft%2B%3Ddemo2.offsetWidth%0D%0A%20%20else%7B%0D%0A%20%20demo.scrollLeft--%0D%0A%20%20%7D%0D%0A%20%20%7D%0D%0A%20%20var%20MyMar%3DsetInterval(Marquee%2Cspeed)%0D%0A%20%20demo.onmouseover%3Dfunction()%20%7BclearInterval(MyMar)%7D%0D%0A%20%20demo.onmouseout%3Dfunction()%20%7BMyMar%3DsetInterval(Marquee%2Cspeed)%7D%0D%0A%20%20%3C%2Fscript%3E">
</P>
<P>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程