利用javascript实现滚动新闻的方法

2008.11.23 / 18:06 / Tags:

建立一个html文件,直接运行就可以了。
<style>
A:link{color:#0b0096;font-size:12px}
A:visited {color:#800080;font-size:12px}
A:active,A.a06:hover {color:#ff0000;font-size:12px}


div{line-height:18px}
</style>
<div id=”icefable1″>
<div id=”box16left”>
<!– 要替换的地方 –>
<a href=”#” target=_blank>Proz部落</a><br>
<a href=”#” target=_blank>使用教程</a><br>
<a href=”#” target=”_blank”>精彩代码</a><br>
<a href=”#” target=_blank>最新活动 </a> <br>  
<!– 替换结束 –>
</div>
</div>
<Script Language=”JavaScript”>
<!–
try{
  var marqueesHeight = 18;
  var stopscroll     = false;

  var scrollElem = document.getElementById(“icefable1″);
  with(scrollElem){
    style.width     =280;
    style.height    = marqueesHeight;
    style.overflow  = ‘hidden’;
    noWrap          = true;
  }

  scrollElem.onmouseover = new Function(‘stopscroll = true’);
  scrollElem.onmouseout  = new Function(‘stopscroll = false’);

  var preTop     = 0;
  var currentTop = 0;
  var stoptime   = 0;

      var leftElem = document.getElementById(“box16left”);

  scrollElem.appendChild(leftElem.cloneNode(true));

     
  init_srolltext();

}catch(e) {}

function init_srolltext(){
  scrollElem.scrollTop = 0;
  setInterval(‘scrollUp()’, 20);
}

function scrollUp(){
  if(stopscroll) return;
  currentTop += 1;
  if(currentTop == 19) {
    stoptime += 1;
    currentTop -= 1;
    if(stoptime == 180) {
      currentTop = 0;
      stoptime = 0;
    }
  }else{
    preTop = scrollElem.scrollTop;
    scrollElem.scrollTop += 1;
    if(preTop == scrollElem.scrollTop){
      scrollElem.scrollTop = 0;
      scrollElem.scrollTop += 1;
    }
  }
}
//–>
</Script>


  1. 随影
    2009.06.08 / 12:45

    用用看 看效果!!