test

2008-05

分类:JavaScript,关键词:js

已有 1,222 位领导视察,其中有 6 位领导做了批示.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > 

<html>
  <head>
    <title>Tab</title>
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name=vs_defaultClientScript content="JavaScript">
    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
    <style type="text/css">
        *
        {
        margin:0;
        padding:0;
        
        }
        ul
        {
        list-style:none;
        }
        li
        {
        over-flow:hidden;
        }
        .none
        {
        width:300px;
        border:solid 1px #ccc;
        position:absolute;
        top:0;
        left:0;
        height:100px;
        over-flow:hidden;
        }
        ul a
        {
        color:#000;
        font-size:9pt;
        text-decoration:none;
        display:block;
        width:298px;
        over-flow:hidden;
        font-family:tahoma;
        }
        #menu
        {
         width:300px;
          
           position:absolute;
        top:100px;
        left:0;
        
        }
        #menu a
        {
        font-size:9pt;
        font-weight:bold;
        display:block;
        width:150px;
        padding:5px;
        text-align:left;
        text-decoration:none;
       float:left;
        }
        em
        {
        font-size:9pt;
        }
    </style>
    <script type="text/javascript">
     function $(id){return document.getElementById(id);}
     function reload()
     {
       setInterval(load,5000);
     }
     function load()
     {
      var m_1 = $('m_1');
      var m_2 = $('m_2');
       if(m_1.style.display=='none')
       {
          m_1.style.display='block';
          m_2.style.display='none';
       }
       else
       {
           m_1.style.display='none';
          m_2.style.display='block';
       }
     }
     
     function setStatu(o)
     {
         var m = $('m_'+o);
         if(m.style.display=='none')
         {
            m.style.display='';
         }
         if(o==1)
         {
             $('m_2').style.display='none';
         }
         else
         {
             $('m_1').style.display='none';
         }
     }
     
     window.onload = function(){
        reload();
        replaceChar();
     }
     function replaceChar()
     {
        var hrefs = $('m_1').getElementsByTagName('A');
        var tmp = '';
        for(var i = 0;i<hrefs.length;i++)
        {
            tmp = hrefs[i].innerHTML;
            tmp = tmp.replace('[让我哭的人]','');
            tmp = tmp.replace('[让我哭的文字]','');
            hrefs[i].innerHTML = tmp;
        }
        var hrefs = $('m_2').getElementsByTagName('A');
        tmp = '';
        for(var i = 0;i<hrefs.length;i++)
        {
            tmp = hrefs[i].innerHTML;
            tmp = tmp.replace('[让我哭的人]','');
            tmp = tmp.replace('[让我哭的文字]','');
            hrefs[i].innerHTML = tmp;
        }
     }
     
    </script>
  </head>
  
  <body MS_POSITIONING="GridLayout">
  <div id="m_1" class="none" >
    <ul>
    <li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=100" target="_blank" title="40886人哭过">[让我哭的人][转帖]"105元"先生<em>(40886人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=887" target="_blank" title="16161人哭过">[让我哭的人]“叔叔，请别据我的腿”<em>(16161人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=209" target="_blank" title="15979人哭过">[让我哭的人]要喝可乐的男孩，他走了<em>(15979人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=161" target="_blank" title="15328人哭过">[让我哭的人]亲爱的别恨我,因为我是军人!<em>(15328人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=155" target="_blank" title="4736人哭过">[让我哭的人]这两个解放军战士<em>(4736人哭过)</em></a></li>
    </ul>
  </div>	
  <div id="m_2" class="none" style="display:none;">
    <ul>
    <li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=25" target="_blank" title="7536人哭过">[让我哭的文字]温总理地震中最感人的10句话<em>(7536人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=422" target="_blank" title="2856人哭过">[让我哭的文字]有良心的中国人不再进麦当劳、肯德基<em>(2856人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=900" target="_blank" title="2208人哭过">[让我哭的文字]孩子，天堂的路很黑，慢点走（转载）<em>(2208人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=661" target="_blank" title="1121人哭过">[让我哭的文字]天理何在<em>(1121人哭过)</em></a></li><li><a href="http://bbs.512.sdo.com/TopicContent.aspx?BoardID=6&TopicID=270" target="_blank" title="1037人哭过">[让我哭的文字]为了中国,支持国产!<em>(1037人哭过)</em></a></li>
    </ul>
  </div>
  <div id="menu" >
     <a href="#1" onclick="setStatu(1)">让我哭的人</a><a href="#1" onclick="setStatu(2)" style="text-align:right">让我哭的文字</a>
  </div>
  </body>
</html>

运行代码

测试用