JS新闻无缝滚动封装函数

王朝学院·作者佚名  2009-05-08
窄屏简体版  字體: 小  |  中  |  大  |  超大  

程序代码

<script type="text/javascript">

<!--

//新闻滚动JS代码 (一次滚动高度,速度,停留时间,图层标记)

function startmarquee(lh,speed,delay,index){

var t;

var p=false;

var o=$("gundongnews"+index);

o.innerHTML+=o.innerHTML;

o.onmouseover=function(){p=true}

o.onmouseout=function(){p=false}

o.scrollTop = 0;

function start(){

t=setInterval(scrolling,speed);

if(!p) o.scrollTop += 2;

}

function scrolling(){

if(o.scrollTop%lh!=0){

o.scrollTop += 2;

if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;

}

else{

clearInterval(t);

setTimeout(start,delay);

}

}

setTimeout(start,delay);

}

//-->

</script>

调用举例:

程序代码

<div id="other">

<ul id="gundongnews0">

<li>1</li>

<li>1</li>

<li>1</li>

</ul>

</div>

<script language="JavaScript" type="text/javascript">startmarquee(18,30,3000,0); </script>

20090129 还需要定义样式:

程序代码

/* 滚动文字 */

#other{ float:left; height: 18px; line-height:18px; padding:3px 0; width: 100%; margin:0; overflow: hidden;}

#gundongnews0,#gundongnews0 li{ clear:both; color:#FF6600; padding: 0px;height: 18px;overflow: hidden; line-height:18px }

#gundongnews0 a{ color:#FF6600;}

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航