利用javascript实现滚动新闻的方法
建立一个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>
用用看 看效果!!