控制DOM节点实现单行新闻滚动_文本链接特效

操作控制DOM节点实现单行新闻的间歇滚动，看上去效果还不错，简洁实用，Div+CSS流行布局，向上滚动，符合人们的习惯，请点击运行看效果。

<title>新闻滚动</title>
<style type="text/css">

</style>
<script language="javascript" type="text/javascript">
window.onload=function(){
var o=document.getElementById('box');
window.setInterval(function(){scrollup(o,24,0);},3000); 
}
function scrollup(o,d,c){
	if(d==c){
		var t=getFirstChild(o.firstChild).cloneNode(true);
		o.removeChild(getFirstChild(o.firstChild));
		o.appendChild(t);
		t.style.marginTop="0px";
	}else{
		c+=2;
		getFirstChild(o.firstChild).style.marginTop=-c+"px";
		window.setTimeout(function(){scrollup(o,d,c)},20);
	}
}
function getFirstChild(node){
  while (node.nodeType!=1)
  {
   	  node=node.nextSibling;
  }
  return node;
}
</script>
<ul id="box">
    <li>· NBA网站大幅JS焦点图切换 </li>
    <li>· 鼠标滑过,缩略图放大显示 </li>
    <li>· JS+CSS点击收缩展开的竖直菜单 </li>
    <li>· 自写的JS表格排序 </li>
    <li>· 一个超漂亮图片或文字提示框 </li>    
</ul>

所属频道：文本链接特效/更新时间：2012-11-28

[收藏][报错][返回列表]

控制DOM节点实现单行新闻滚动_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些