javascript实现的滚动新闻效果
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>js滚动新闻</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> <div id="marquees" style="width:600px;"> <a href="javascript:">欢迎光临 泡菜牛柳</a><br> <br> <a href="javascript:">得之坦然 </a><br> <br> <a href="javascript:">失之淡然 </a><br> <br> <a href="javascript:">争之必然</a><br> <br> <a href="javascript:">顺其自然</a><br> <br> <a href="http://paviorsoft.cn">http://paviorsoft.cn</a><br> <br> </div> <script language="JavaScript"> marqueesHeight=100; stopscroll=false; with(marquees){ style.width=800; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>'); preTop=0; currentTop=0; function init(){ templayer.innerHTML=""; while(templayer.offsetHeight<marqueesHeight){ templayer.innerHTML+=marquees.innerHTML; } marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; setInterval("scrollUp()",50);//越大越慢 } document.body.onload=init; function scrollUp(){ if(stopscroll==true) return; preTop=marquees.scrollTop; marquees.scrollTop+=1; if(preTop==marquees.scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight; marquees.scrollTop+=1; } } </script> </BODY> </HTML> |
随机文章
相关文章:







