完成了多功能标签页各标签的更多链接地址动态获取的方法

花了一个上上午,完成了!有时,想一想,有的东西,未必复杂就好。应该,简单太是最好的。javascript

将代码贴下来。java

JS部分web

function initTabPanel(tabObj,selCls,activeIndex){
 try{
  Ext.get(tabObj).on('mouseover',
       function(e, t) {    
        Ext.fly(t).radioClass(selCls);       
        Ext.each(Ext.fly(tabObj).query("li"),
          function(it,index,items){
           if(it.rel){
            if(t!=it){
             if(Ext.get(it.rel))Ext.get(it.rel).setStyle({display:'none'});
            }else{
             if(Ext.get(it.rel))Ext.get(it.rel).setStyle({display:'block'});
             if(Ext.get(it.hrf))Ext.fly(it.hrf).dom.href=it.path;
            
            }
           }
          }
        ); 
       },
       null,
       {delegate: 'li'}
      ); 
 }catch(e){
  //alert(e);
 }
}dom

 

// JavaScript Document
 //添加到收藏夹 
 // 调用方法:
 // <a href="Javascript:void(0)" onclick="AddToFavorite()">加入收藏</a>
 function AddToFavorite() 
 { 
     if (document.all){ 
        window.external.addFavorite(document.URL,document.title); 
     }else if (window.sidebar){ 
        window.sidebar.addPanel(document.title, document.URL, ""); 
     } 
 } 
 /**
  * 用于动态设置多功能选项卡的更多的链接地址
  */
   function moreUrl(moreid,url){
    //<div class="more" id="moreUrl">&gt;&gt; 更多</div>
      var moretext="<div class=\"more\" id=\"moreUrl\">";
      var moreurl="<a href=";
      morttext=moretext+moreurl+url+">"+"&gt;&gt;更多</a></div>";
      document.getElementById(moreid).innerHTML=morttext;
   
   }
 ide

网页BODY部分url

<div class="right_new">
      <div class="rcsc_tit">
     
       <div class="new_titindexbox">
        <ul id="index_news">
         <li rel="news_no1" onmousemove="moreUrl('moreUrl','../web/law.action?type_id=8009')"  class="zctithover" ><input type="hidden" value=""/>新闻中心</li>
         <li rel="news_no2" onmousemove="moreUrl('moreUrl','../web/law.action?type_id=8006')">第一资源</li>
         <li rel="news_no3" onmousemove="moreUrl('moreUrl','../web/law.action?type_id=8016')">管理顾问</li>
         <li rel="news_no4" onmousemove="moreUrl('moreUrl','../web/law.action?type_id=8008')">政策法规</li>
        </ul>
       </div>
       <div class="more" id="moreUrl"><a href="../web/law.action?type_id=8009">&gt;&gt; 更多</a></div>
     
      </div>
      <!-- 新闻中心开始 8009-->
      <div id="news_no1" class="glgwbox">
       <n:textnews number="16" titlelen="21" section="" newstype="8009"
        split="0" pageNo="<%=pageNo%>" dateFormat=""
        baseurl="newscenter!showNews.action?url=" prex="" />
      </div>
      <!-- 第一资源 8006-->
      <div id="news_no2" class="glgwbox" style="display:none;">
       <n:textnews number="16" titlelen="21" section="" newstype="8006"
        split="0" pageNo="<%=pageNo%>" dateFormat=""
        baseurl="newscenter!showHr.action?url=" prex="" />
      </div>
      <!--管理顾问 8016-->
      <div id="news_no3" class="glgwbox" style="display:none;">
       <n:textnews number="16" titlelen="21" section="" newstype="8016"
        split="0" pageNo="<%=pageNo%>" dateFormat=""
        baseurl="newscenter!showMc.action?url=" prex="" />
      </div>
      <!--政策法规开始  8008-->
      <div id="news_no4" class="glgwbox" style="display:none;">
       <n:textnews number="16" titlelen="21" section="" newstype="8008"
        split="0" pageNo="<%=pageNo%>" dateFormat=""
        baseurl="newscenter!showLaw.action?url=" prex="" />
      </div>
      <script type="text/javascript" language="javascript">
       initTabPanel('index_news', 'zctithover', 0);
      </script>
     </div>orm

说明 :seo

     <n:textnews number="16" titlelen="21" section="" newstype="8008"
        split="0" pageNo="<%=pageNo%>" dateFormat=""
        baseurl="newscenter!showLaw.action?url=" prex="" />
这个东西是本人自定义的标签。ip

相关文章
相关标签/搜索