文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>无缝滚动,间歇

无缝滚动,间歇

时间:2010-09-19  来源:徐俊沿

 

第一种:

<DIV id=div1 style="OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 68px"> <A href="javascript:">1,你可曾有过无数的梦想,</A> <A href="javascript:">2,却在时光的流逝里幻灭 </A> <A href="javascript:">3,你可曾对未来期待憧憬,</A> <A href="javascript:">4,却在成长的岁月中迷失</A> <A href="javascript:">5,CSDN中国程序员论坛</A> <A href="javascript:">6,大家一起来</A> <A href="javascript:">7,好象都很不错的样子</A> </DIV>       
      
  <SCRIPT>     
  var   t=setInterval(myfunc,1000)     
  var   d=document.getElementById("div1")     
  function   myfunc(){     
  var   o=d.firstChild     
  d.removeChild(o)     
  d.appendChild(o)     
  }     
  d.
  d.
  </SCRIPT>

 

第二种:

 

  <script language="javascript" type="text/javascript">
window.onload=function(){
    var o=document.getElementById('box');
    window.setInterval(function(){scrollup(o,24,0);},3000);
}
///滚动主方法
///参数:o 滚动块对象
///参数:d 每次滚屏高度
///参数:c 当前已滚动高度
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);
    }
}
//解决firefox下会将空格回车作为节点的问题
function getFirstChild(node){
  while (node.nodeType!=1)
  {
         node=node.nextSibling;
  }
  return node;
}
</script>
<ul id="box">
    <li>· 新华每日电讯:音乐版权收费像“一团麻” </li>
    <li>· 现代快报:人类能否和机器人结婚生孩子? </li>
    <li>· 环球:美国,一家亿万富翁俱乐部的破产 </li>
    <li>· 现代快报:为让媒体封口倪震欲卖李嘉欣情书 </li>
    <li>· 京华时报:北京航空航天大学学生自制火箭升天 </li>   
</ul>
 

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载