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

2008.11.23 / 18:06

建立一个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

    用用看 看效果!!