Java蜘蛛人 歡迎大家
          
			  歡迎大家 來(lái)到我的blog ,  如果我身邊的朋友 有什么不懂可以直接來(lái)問(wèn)我   我會(huì)細(xì)心的幫助你的.
      如果網(wǎng)絡(luò)上的朋友有什么不懂的 可以加我Java蜘蛛人
QQ48187537

		          		
	
          

          

          

          

          posts - 54, comments - 192, trackbacks - 0, articles - 1
          


          		
	
          
	
          
		
			
		
		
			
          
				
					
	
          
		
		
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
          
          <head> 
          
          <html>
          
          <style type="text/css"> 
          
          <!-- 
          
          *{margin:0;padding:0;border:0;} 
          
body           { 
          
    font          -family: arial, 宋體, serif; 
          
    font          -size:12px; 
          
}           
          
#nav           { 
          
    width:180px; 
          
    line          -height: 24px;  
          
    list          -style-type: none; 
          
    text          -align:left; 
          
              /*定義整個(gè)ul菜單的行高和背景色*/ 
          
}           
          

          
          /*==================一級(jí)目錄===================*/ 
          
#nav a           { 
          
    width: 160px;  
          
    display: block; 
          
    padding          -left:20px; 
          
              /*Width(一定要)，否則下面的Li會(huì)變形*/ 
          
}           
          

          
#nav li           { 
          
    background:#CCC;           /*一級(jí)目錄的背景色*/ 
          
    border          -bottom:#FFF 1px solid; /*下面的一條白邊*/ 
          
              float:left; 
          
              /*float：left,本不應(yīng)該設(shè)置，但由于在Firefox不能正常顯示 
          
    繼承Nav的width,限制寬度，li自動(dòng)向下延伸          */           
          
}           
          

          
#nav li a:hover          { 
          
    background:#CC0000;              /*一級(jí)目錄onMouseOver顯示的背景色*/ 
          
}           
          

          
#nav a:link            { 
          
    color:#          666; text-decoration:none; 
          
}           
          
#nav a:visited            { 
          
    color:#          666;text-decoration:none; 
          
}           
          
#nav a:hover            { 
          
    color:#FFF;text          -decoration:none;font-weight:bold; 
          
}           
          

          
          /*==================二級(jí)目錄===================*/ 
          
#nav li ul           { 
          
    list          -style:none; 
          
    text          -align:left; 
          
}           
          
#nav li ul li          {     
          
    background: #EBEBEB;           /*二級(jí)目錄的背景色*/ 
          
}           
          

          
#nav li ul a          { 
          
         padding          -left:20px; 
          
         width:160px; 
          
              /* padding-left二級(jí)目錄中文字向右移動(dòng)，但Width必須重新設(shè)置=(總寬度-padding-left)*/ 
          
}           
          

          
          /*下面是二級(jí)目錄的鏈接樣式*/ 
          

          
#nav li ul a:link            { 
          
    color:#          666; text-decoration:none; 
          
}           
          
#nav li ul a:visited            { 
          
    color:#          666;text-decoration:none; 
          
}           
          
#nav li ul a:hover           { 
          
    color:#F3F3F3; 
          
    text          -decoration:none; 
          
    font          -weight:normal; 
          
    background:#CC0000; 
          
              /* 二級(jí)onmouseover的字體顏色、背景色*/ 
          
}           
          

          
          /*==============================*/ 
          
#nav li:hover ul           { 
          
    left: auto; 
          
}           
          
#nav li.sfhover ul           { 
          
    left: auto; 
          
}           
          
#content           { 
          
    clear: left;  
          
}           
          
#nav ul.collapsed           { 
          
    display: none; 
          
}           
          
          --> 
          

          
#PARENT          { 
          
    width:300px; 
          
    padding          -left:20px; 
          
}           
          
          </style> 
          
          </head> 
          

          
          <body>
          
          <script type="text/javascript" language="javascript"><!-- 
          
 var sid          ="540"; 
          
 var fixid          =3; //--></script> 
          
           <script type="text/javascript" src="http://js.coogao.cn/jscode/magicboxad.js"></script> 
          
          <div id="PARENT"> 
          
          <ul id="nav"> 
          
          <li><a href="#Menu=ChildMenu1"  onclick="DoMenu('ChildMenu1')">我的網(wǎng)站</a> 
          
              <ul id="ChildMenu1" class="collapsed"> 
          
              <li><A  target="_blank">[url]www.netany.net[/url]</a></li> 
          
              <li><A  target="_blank">[url]www.netany.net[/url]</a></li> 
          
              <li><A  target="_blank">[url]www.netany.net[/url]</a></li> 
          
              </ul> 
          
          </li> 
          
          <li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帳務(wù)</a> 
          
              <ul id="ChildMenu2" class="collapsed"> 
          
              <A  target="_blank">支付</a></li> 
          
              <li><a href="#">網(wǎng)上支付</a></li> 
          
              <li><a href="#">登記匯款</a></li> 
          
              <li><a href="#">在線招領(lǐng)</a></li> 
          
              <li><a href="#">歷史帳務(wù)</a></li> 
          
              </ul> 
          
          </li> 
          
          <li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">網(wǎng)站管理</a> 
          
              <ul id="ChildMenu3" class="collapsed"> 
          
              <li><a href="#">登錄</a></li> 
          
              <A  target="_blank">管理</a></li> 
          
              <li><a href="#">管理</a></li> 
          
              <li><a href="#">管理</a></li> 
          
              </ul> 
          
          </li> 
          
          <li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">網(wǎng)站管理</a> 
          
              <ul id="ChildMenu4" class="collapsed"> 
          
              <li><a href="#">登錄</a></li> 
          
              <A  target="_blank">管理</a></li> 
          
              <li><a href="#">管理</a></li> 
          
              <li><a href="#">管理</a></li> 
          
              </ul> 
          
          </li> 
          
          </ul> 
          
          </div> 
          

          
          </body> 
          
          </html> 
          
          <script type=text/javascript><!-- 
          
var LastLeftID           = ""; 
          

          
function menuFix()           { 
          
    var obj           = document.getElementById("nav").getElementsByTagName("li"); 
          
     
          
              for (var i=0; i<obj.length; i++) { 
          
        obj[i].onmouseover          =function() { 
          
                      this.className+=(this.className.length>0? " ": "") + "sfhover"; 
          
        }           
          
        obj[i].onMouseDown          =function() { 
          
                      this.className+=(this.className.length>0? " ": "") + "sfhover"; 
          
        }           
          
        obj[i].onMouseUp          =function() { 
          
                      this.className+=(this.className.length>0? " ": "") + "sfhover"; 
          
        }           
          
        obj[i].onmouseout          =function() { 
          
                      this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); 
          
        }           
          
    }           
          
}           
          

          
function DoMenu(emid) 
          
          { 
          
    var obj           = document.getElementById(emid);     
          
    obj.className           = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded"); 
          
              if((LastLeftID!="")&&(emid!=LastLeftID))    //關(guān)閉上一個(gè)Menu 
          
              { 
          
        document.getElementById(LastLeftID).className           = "collapsed"; 
          
    }           
          
    LastLeftID           = emid; 
          
}           
          

          
function GetMenuID() 
          
          { 
          

          
    var MenuID          =""; 
          
    var _paramStr           = new String(window.location.href); 
          

          
    var _sharpPos           = _paramStr.indexOf("#"); 
          
     
          
              if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1) 
          
              { 
          
        _paramStr           = _paramStr.substring(_sharpPos + 1, _paramStr.length); 
          
    }           
          
              else 
          
              { 
          
        _paramStr           = ""; 
          
    }           
          
     
          
              if (_paramStr.length > 0) 
          
              { 
          
        var _paramArr           = _paramStr.split("&"); 
          
                  if (_paramArr.length>0) 
          
                  { 
          
            var _paramKeyVal           = _paramArr[0].split("="); 
          
                      if (_paramKeyVal.length>0) 
          
                      { 
          
                MenuID           = _paramKeyVal[1]; 
          
            }           
          
        }           
          
                  /* 
          
        if (_paramArr.length>0) 
          
        { 
          
            var _arr = new Array(_paramArr.length); 
          
        } 
          
         
          
        //取所有#后面的，菜單只需用到Menu 
          
        //for (var i = 0; i < _paramArr.length; i++) 
          
        { 
          
            var _paramKeyVal = _paramArr[i].split('='); 
          
             
          
            if (_paramKeyVal.length>0) 
          
            { 
          
                _arr[_paramKeyVal[0]] = _paramKeyVal[1]; 
          
            }         
          
        } 
          
                  */           
          
    }           
          
     
          
              if(MenuID!="") 
          
              { 
          
        DoMenu(MenuID) 
          
    }           
          
}           
          

          
GetMenuID();              //*這兩個(gè)function的順序要注意一下，不然在Firefox里GetMenuID()不起效果 
          
          menuFix(); 
          
          --></script>
          

          

          

          
	
          


          
	    
    

          Feedback
          
	
			
          
				
          
					
          
						# re: javaScript 實(shí)現(xiàn)樹(shù)型  回復(fù)  更多評(píng)論
						  
					
          
					2013-09-17 19:49 by lizhi
				
          
				
			
          
		




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導(dǎo)航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
舒兰市|
平谷区|
得荣县|
阆中市|
都安|
新宾|
新余市|
宁都县|
长汀县|
林口县|
新乐市|
清原|
永登县|
资中县|
霍林郭勒市|
察隅县|
丰顺县|
西华县|
和硕县|
宝丰县|
辽阳县|
纳雍县|
社旗县|
嘉荫县|
淮阳县|
开平市|
延安市|
武强县|
和龙市|
凭祥市|
广汉市|
平利县|
玉门市|
普格县|
阜新|
巫溪县|
衡山县|
莱西市|
胶州市|
东光县|
英吉沙县|