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" onmouseover="nTabs(this,0);"><a href="<%=m1.MoreUrl %>" target="_blank" ><%=m1.title%></a> </li>
                           <li class="normal" onmouseover="nTabs(this,1);"><a href="http://192.168.8.200/bjjgj/show_zxwj_more.asp" target="_blank" >市局新闻</a></li>
                           <li class="normal" onmouseover="nTabs(this,2);"><a href="http://192.168.8.200/bjjgj/news.asp?pro=1" target="_blank" >行业单位新闻</a></li>
                           <li class="normal" onmouseover="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,  然后传入 定时执行的函数名即可