这个是别人的代码,效果还不错,我做了些改进,如果有需要的,可以试试这个,
支持滚动一个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;
οnmοuseοver=new Function("stopscroll=true");
οnmοuseοut=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>