您的位置：首页 > 其它

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

2012-06-05 17:42 239 查看

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

支持滚动一个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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航