1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

DHTML轮显效果

本帖由 laogui2006-02-14 发布。版面名称:前端开发

  1. laogui

    laogui Administrator
    管理成员

    注册:
    2005-08-30
    帖子:
    15,216
    赞:
    35
    HTML:
    <HTML>
    <style>
    <!--
    #ticker
    {
      width:800px;
      line-height:1.2em;
      background-color:lightblue;
    }
    -->
    </style>
    <script language="JavaScript1.2">
    //configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)//设置内容显示
    var tickercontents=new Array()
    tickercontents[0]='See what\'s New at Dynamic Drive. <a href="../../../dynamicdrive.com/new.htm">[Read more]</a>'
    tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href="../../../dynamicdrive.com/hot.htm">[Read more]</a>'
    tickercontents[2]='Link back to Dynamic Drive! <a href="../../../dynamicdrive.com/link.htm">[Read more]</a>'
    
    //configure the below variable to determine the delay between ticking of messages (in miliseconds//设置延迟时间
    var tickdelay=3000
    
    ////Do not edit pass this line////////////////
    
    var currentmessage=0
    
    function changetickercontent(){
    ticker.innerHTML=tickercontents[currentmessage]
    
    if (currentmessage==tickercontents.length-1) currentmessage=0
    else currentmessage++
    setTimeout("changetickercontent()",tickdelay)
    }
    
    function start_ticking(){
      changetickercontent()
    }
    
    window.onload=start_ticking
    </script>
    <div id="ticker"left=0 top=0></div>
    </HTML>