管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

滚动效果

<P><div id="adsfar">
  <table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
    <tr>
      <td bgcolor="#FFFFFF">1</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">2</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">3</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">4</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">5</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">6</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">7</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">8</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">9</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">10</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">11</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">12</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">13</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">14</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">15</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">16</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">17</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">18</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">19</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">20</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">21</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">22</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">23</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">24</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">25</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">26</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">27</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">28</td>
    </tr>
  </table>
</div>
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0D%0Amarque(320%2C196%2C%22icefable1%22%2C%22box1left%22)%0D%0Avar%20scrollElem%3B%0D%0Avar%20stopscroll%3B%0D%0Avar%20stoptime%3B%0D%0Avar%20preTop%3B%0D%0Avar%20leftElem%3B%0D%0Avar%20currentTop%3B%0D%0Avar%20marqueesHeight%3B%0D%0Afunction%20marque(width%2Cheight%2CmarqueName%2CmarqueCName)%7B%0D%0A%20try%7B%0D%0A%20%20%20marqueesHeight%20%3D%20height%3B%0D%0A%20%20%20stopscroll%20%20%20%20%20%3D%20false%3B%3C%2FP%3E%0D%0A%3CP%3E%20%20%20scrollElem%20%3D%20document.getElementById(%22adsfar%22)%3B%0D%0A%20%20%20with(scrollElem)%7B%0D%0A%20%20style.width%20%20%20%20%20%3D%20width%3B%0D%0A%20%20style.height%20%20%20%20%3D%20marqueesHeight%3B%0D%0A%20%20style.overflow%20%20%3D%20'hidden'%3B%0D%0A%20%20noWrap%20%20%20%20%20%20%20%20%20%20%3D%20true%3B%0D%0A%20%20%20%7D%3C%2FP%3E%0D%0A%3CP%3E%20%20%20scrollElem.onmouseover%20%3D%20new%20Function('stopscroll%20%3D%20true')%3B%0D%0A%20%20%20scrollElem.onmouseout%20%20%3D%20new%20Function('stopscroll%20%3D%20false')%3B%3C%2FP%3E%0D%0A%3CP%3E%20%20%20preTop%20%20%20%20%20%3D%200%3B%20%0D%0A%20%20%20currentTop%20%3D%200%3B%20%0D%0A%20%20%20stoptime%20%20%20%3D%200%3B%3C%2FP%3E%0D%0A%3CP%3E%20%20%20leftElem%20%3D%20document.getElementById(%22adsfar%22)%3B%0D%0A%20%20%20scrollElem.appendChild(leftElem.cloneNode(true))%3B%0D%0A%20%20%20%20%0D%0A%20%20%20init_srolltext()%3B%3C%2FP%3E%0D%0A%3CP%3E%20%7Dcatch(e)%20%7B%7D%0D%0A%7D%0D%0Afunction%20init_srolltext()%7B%0D%0A%20%20scrollElem.scrollTop%20%3D%200%3B%0D%0A%20%20setInterval('scrollUp()'%2C%2018)%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20scrollUp()%7B%0D%0A%20%20if(stopscroll)%20return%3B%0D%0A%20%20currentTop%20%2B%3D%201%3B%0D%0A%20%20if(currentTop%20%3D%3D%20marqueesHeight%2B1)%20%7B%0D%0A%20%20%20%20stoptime%20%2B%3D%201%3B%0D%0A%20%20%20%20currentTop%20-%3D%201%3B%0D%0A%20%20%20%20if(stoptime%20%3D%3D%20(marqueesHeight)*1)%20%7B%2F%2F%E5%81%9C%E9%A1%BF%E6%97%B6%E9%97%B4%0D%0A%20%20%20%20%20%20currentTop%20%3D%200%3B%0D%0A%20%20%20%20%20%20stoptime%20%3D%200%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7Delse%7B%3C%2FP%3E%0D%0A%3CP%3E%20%20%20%20preTop%20%3D%20scrollElem.scrollTop%3B%0D%0A%20%20%20%20scrollElem.scrollTop%20%2B%3D%201%3B%0D%0A%20%20%20%20if(preTop%20%3D%3D%20scrollElem.scrollTop)%7B%0D%0A%20%20%20%20%20%20scrollElem.scrollTop%20%3D%20marqueesHeight%3B%0D%0A%20%20%20%20%20%20scrollElem.scrollTop%20%2B%3D%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%7D%0D%0A%3C%2FScript%3E"></P>
<P>

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

教程首页更多教程