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

最新推荐文章于 2022-07-18 11:40:02 发布

索隆

最新推荐文章于 2022-07-18 11:40:02 发布

阅读量314

点赞数

文章标签：测试

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

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

索隆

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
滚动新闻效果（使一个div滚动）

这个是别人的代码，效果还不错，我做了些改进，如果有需要的，可以试试这个，支持滚动一个div里面的内容。&lt;HTML&gt; &lt;HEAD&gt; &lt;META http-equiv=Content-Type content="text/html; charset=utf-8"&gt; &lt;BODY&gt; &lt;div id="icef...
复制链接

扫一扫