<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    
	
    
		
			

    

    
	
    
		
			
    Java蜘蛛人 歡迎大家
    
			  歡迎大家 來到我的blog ,  如果我身邊的朋友 有什么不懂可以直接來問我   我會細心的幫助你的.
      如果網絡上的朋友有什么不懂的 可以加我Java蜘蛛人
QQ48187537

		    		
	
    

    

    

    

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


    		
	
    
	
    
		
			
		
		
			
    
				
					
	
    
		
    
			
    
				javaScript 實現樹型
			
    
 			Posted on 2008-03-13 19:54 Java蜘蛛人 --鄭成橋 閱讀(952) 評論(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; 
    
        /*定義整個ul菜單的行高和背景色*/ 
    
}     
    

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

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

    
#nav li a:hover    { 
    
    background:#CC0000;        /*一級目錄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; 
    
}     
    

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

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

    
    /*下面是二級目錄的鏈接樣式*/ 
    

    
#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; 
    
        /* 二級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')">我的網站</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')">我的帳務</a> 
    
        <ul id="ChildMenu2" class="collapsed"> 
    
        <A  target="_blank">支付</a></li> 
    
        <li><a href="#">網上支付</a></li> 
    
        <li><a href="#">登記匯款</a></li> 
    
        <li><a href="#">在線招領</a></li> 
    
        <li><a href="#">歷史帳務</a></li> 
    
        </ul> 
    
    </li> 
    
    <li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">網站管理</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')">網站管理</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))    //關閉上一個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();        //*這兩個function的順序要注意一下，不然在Firefox里GetMenuID()不起效果 
    
    menuFix(); 
    
    --></script>
    

    

    

    
	
    


    
	    
    

    Feedback
    
	
			
    
				
    
					
    
						# re: javaScript 實現樹型  回復  更多評論
						  
					
    
					2013-09-17 19:49 by lizhi
				
    
				
			
    
		




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊用戶登錄后才能發表評論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
免费一级毛片无毒不卡|
亚洲精品动漫免费二区|
91精品国产亚洲爽啪在线影院|
99在线在线视频免费视频观看|
亚洲精品天堂在线观看|
亚洲精品成a人在线观看|
久久综合给合久久国产免费|
亚洲日韩精品无码专区|
中文字幕亚洲色图|
四虎成人免费网址在线|
免费人成黄页在线观看日本|
亚洲一区二区三区写真|
1000部拍拍拍18勿入免费视频软件
|
黄页免费的网站勿入免费直接进入|
精品国产亚洲AV麻豆|
亚洲午夜久久久精品影院|
国产精品免费视频网站|
足恋玩丝袜脚视频免费网站|
免费高清A级毛片在线播放|
亚洲人成高清在线播放|
亚洲自偷自偷在线制服|
你是我的城池营垒免费观看完整版
|
91久久青青草原线免费|
无人视频在线观看免费播放影院
|
国产精品亚洲一区二区麻豆|
亚洲开心婷婷中文字幕|
国产青草视频免费观看97
|
久久精品亚洲综合一品|
99久久99热精品免费观看国产|
国产av无码专区亚洲av毛片搜|
亚洲日韩在线观看免费视频|
精品久久久久久久久免费影院|
91视频免费网站|
四虎影视久久久免费|
亚洲国产欧洲综合997久久|
亚洲人成网网址在线看|
亚洲国产精品久久|
亚洲深深色噜噜狠狠爱网站|
最近中文字幕mv免费高清在线|
国产成人无码免费网站|
免费人成动漫在线播放r18|