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

lushuaiyin

浏览: 717974 次
性别:
来自: 北京

最近访客更多访客>>

hy811014

kelly_zsl

qq_24293111

fengyonglei

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2013-02 ( 20)
2013-01 ( 16)
2012-12 ( 24)
更多存档...

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

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

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

分享到：