053288628280
您的当前位置:首页 > 技术支持 > 建站知识 >

兼容性最好的单行滚动新闻代码

时间:2014-07-08

兼容性最好的单行滚动新闻代码
单行不间断滚动新闻代码在网站上面常用,下面分享一下这个兼容性很好的代码  ie 360  chrome 测试通过


代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
 
<!--
 
*{ margin:0px; padding:0px;}
 
#box{width:300px; height:24px;overflow:hidden; font-size:12px; background:#efefef;}
 
#box li{ list-style:none; line-height:24px;}
 
-->
 
</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;
 
}
//by www.qdql.net
</script>
 
 
</head>
 
<body>
 
<ul id="box">
 
    <li><a href="http://www.qdql.net">· NBA网站大幅JS焦点图切换 </a></li>
 
    <li><a href="http://www.qdql.net">· 鼠标滑过,缩略图放大显示 </a></li>
 
    <li><a href="http://www.qdql.net">· JS+CSS点击收缩展开的竖直菜单 </a></li>
 
    <li><a href="http://www.qdql.net">· 自写的JS表格排序 </a></li>
 
    <li><a href="http://www.qdql.net">· 一个超漂亮图片或文字提示框 </a></li>    
 
</ul>
 
 
</body>
</html>
 



相关文章

Copyright © 2009-2017 千龙网络 版权所有  鲁ICP备09004053号 TAG SITEMAP