tab網頁製作

1，比如顯示行業新聞單位新聞，上級新聞，簡單的方法，新建幾個div，display  爲none ,div中套iframe,iframe裏面放地址放幾個標題比如  每次 onmouseover或者 onlieck  選擇一個爲display block，缺點開銷大

function nTabs(thisObj, Num) {
        if (thisObj.className == "active") return;
        var tabObj = thisObj.parentNode.id;
        var tabList = document.getElementById(tabObj).getElementsByTagName("li");
        for (i = 0; i < tabList.length; i++) {
            if (i == Num) {
                thisObj.className = "active";
                document.getElementById(tabObj + "_Content" + i).style.display = "block";
            } else {
                tabList[i].className = "normal";
                document.getElementById(tabObj + "_Content" + i).style.display = "none";
            }
        }
    }

               

             <div class="TabTitle">
                        <ul id="myTab1">
                            <li class="active" οnmοuseοver="nTabs(this,0);"><a href="<%=m1.MoreUrl %>" target="_blank" ><%=m1.title%></a> </li>
                           <li class="normal" οnmοuseοver="nTabs(this,1);"><a href="http://192.168.8.200/bjjgj/show_zxwj_more.asp" target="_blank" >市局新聞</a></li>
                           <li class="normal" οnmοuseοver="nTabs(this,2);"><a href="http://192.168.8.200/bjjgj/news.asp?pro=1" target="_blank" >行業單位新聞</a></li>
                           <li class="normal" οnmοuseοver="nTabs(this,3);"><a href="newslist.aspx?classId=<%=m2.MoreUrl %>" target="_blank" ><%=m2.title%></a></li>
                        </ul>
                    </div>
                
                    <div class="TabContent">        
                        <div id="myTab1_Content0"> 

                           這時方案<ul>  中替換爲iframe，不替換爲2方案
                            <ul class="ul15 nTabUl_2 ">                           
                               <%=Remex.ActionLabel.Article.ViewClusterList(m1, "<li>", "</li>" )%>     
                            </ul>
                        </div>
                        <div id="myTab1_Content1" class="none">
                          <ul id="sjnews" class="ul15 nTabUl_2 iframe_a"></ul>
                        </div>
                        <div id="myTab1_Content2" class="none"> 
                         <ul id="jcdt" class="ul15 nTabUl_2 iframe_a">
                         </ul>                     
                      </div>

2，與1不同的是，首先把頁面採集到本地，然後正則表達式處理，放在本地頁面中，然後iframe直接引用本地頁面，減少開銷，比較麻煩，而且需要定時更新，asp.net中可以再gloabal.asax的application start中設置執行，其中用到Time類，在Time中可設置時間間隔 interval,  然後傳入 定時執行的函數名即可