滚动新闻效果（使一个div滚动）

来源：互联网发布：python窗口程序编辑：程序博客网时间：2024/05/16 04:23

这个是别人的代码，效果还不错，我做了些改进，如果有需要的，可以试试这个，

支持滚动一个div里面的内容。

<HTML> <HEAD> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <BODY> <div id="icefable1"><div><a href="http://my.csdn.net/" />索隆的个人主页http://my.csdn.net/ </a></div> <div>csdn不错http://community.csdn.net/</div> <div>csdn首页http://www.csdn.net/</div> <div>百度http://www.baidu.com/</div> <div>谷歌http://www.google.com.hk/</div> <div>哈哈</div> <div>学习得刻苦啊</div> <div>endddd</div> </div><SCRIPT language=JavaScript> marqueesHeight=80; stopscroll=false; with(icefable1) { style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } preTop=0; currentTop=50; stoptime=0; icefable1.innerHTML += icefable1.innerHTML; function init_srolltext() {   icefable1.scrollTop=0;   setInterval("scrollUp()",50); } function scrollUp()  {   if(stopscroll==true) return;   currentTop+=1; if(currentTop>50) {     stoptime+=1;     currentTop-=1;         if(stoptime==1) {           currentTop=0;           stoptime=0;         }     }else {     preTop=icefable1.scrollTop;     icefable1.scrollTop+=1;       if(preTop==icefable1.scrollTop)  {      icefable1.scrollTop=0;      icefable1.scrollTop+=1;       }       } } init_srolltext(); </SCRIPT> <div class="cnt"><p align="center" >                <marquee style="WIDTH:300px; HEIGHT:100px" scrollamount="2" direction="up" >               <div align="left" ><font color="#54b400" ><font face="隶书" ><font size="4" >   <div>                    使用marquee标签实现滚动，这个有个缺点就是浏览器限制<br>同时，循环滚动时，中间有一段空白，对于一行滚动还是比较使用的。<br>对于多行，或者一个div不太实用,在此做个例子作为参考。   </div>               </font ></font ></font ></div ></BODY> </HTML>