滚动效果_代码驿站

<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><script type="text/javascript">marque(320,196,"icefable1","box1left")var scrollElem;var stopscroll;var stoptime;var preTop;var leftElem;var currentTop;var marqueesHeight;function marque(width,height,marqueName,marqueCName){ try{   marqueesHeight = height;   stopscroll     = false;</P>
<P>   scrollElem = document.getElementById("adsfar");   with(scrollElem){  style.width     = width;  style.height    = marqueesHeight;  style.overflow  = 'hidden';  noWrap          = true;   }</P>
<P>   scrollElem.onmouseover = new Function('stopscroll = true');   scrollElem.onmouseout  = new Function('stopscroll = false');</P>
<P>   preTop     = 0;    currentTop = 0;    stoptime   = 0;</P>
<P>   leftElem = document.getElementById("adsfar");   scrollElem.appendChild(leftElem.cloneNode(true));       init_srolltext();</P>
<P> }catch(e) {}}function init_srolltext(){  scrollElem.scrollTop = 0;  setInterval('scrollUp()', 18);}</P>
<P>function scrollUp(){  if(stopscroll) return;  currentTop += 1;  if(currentTop == marqueesHeight+1) {    stoptime += 1;    currentTop -= 1;    if(stoptime == (marqueesHeight)*1) {//停顿时间      currentTop = 0;      stoptime = 0;    }  }else{</P>
<P>    preTop = scrollElem.scrollTop;    scrollElem.scrollTop += 1;    if(preTop == scrollElem.scrollTop){      scrollElem.scrollTop = marqueesHeight;      scrollElem.scrollTop += 1;    }  }}</Script></P>
<P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

滚动效果

您可能感兴趣的文章: