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

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

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

    Java蜘蛛人 歡迎大家

    歡迎大家 來到我的blog , 如果我身邊的朋友 有什么不懂可以直接來問我 我會細(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菜單的行高和背景色*/ 
    }
     

    /*==================一級目錄===================*/ 
    #nav a 

        width: 160px;  
        display: block; 
        padding
    -left:20px; 
        
    /*Width(一定要),否則下面的Li會變形*/ 
    }
     

    #nav li 

        background:#CCC; 
    /*一級目錄的背景色*/ 
        border
    -bottom:#FFF 1px solid; /*下面的一條白邊*/ 
        
    float:left; 
        
    /*float:left,本不應(yīng)該設(shè)置,但由于在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必須重新設(shè)置=(總寬度-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')">我的網(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)樹型  回復(fù)  更多評論   

    2013-09-17 19:49 by lizhi
    樹結(jié)構(gòu)的思路,如何構(gòu)建一個(gè)樹組件
    http://l-zhi.com/2013/09/%E7%94%9F%E6%B4%BB%E4%B8%AD%E7%9A%84%E6%A0%91%E5%92%8C%E7%A8%8B%E5%BA%8F%E4%B8%AD%E7%9A%84%E6%A0%91/

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


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 99久久国产免费中文无字幕| 亚洲AV日韩AV天堂久久| 7x7x7x免费在线观看| 老湿机一区午夜精品免费福利| 99亚洲精品高清一二区| 国产日韩成人亚洲丁香婷婷| 成人无遮挡裸免费视频在线观看 | 青青青免费国产在线视频小草| 国产特黄特色的大片观看免费视频| 在线视频亚洲一区| 亚洲伦理一二三四| 亚洲一区中文字幕久久| 亚洲熟妇av一区二区三区漫画| 波多野结衣一区二区免费视频| 天天摸天天操免费播放小视频| 在线永久看片免费的视频| 久久99热精品免费观看牛牛| a视频在线观看免费| 一本到卡二卡三卡免费高| 在线观看亚洲精品专区| 亚洲国产成人精品无码区花野真一| 亚洲综合激情另类小说区| 亚洲av无码一区二区三区网站| 国产亚洲午夜高清国产拍精品 | 一区免费在线观看| 男男黄GAY片免费网站WWW | 宅男666在线永久免费观看| 亚洲精品动漫免费二区| 成人免费视频77777| 欧美在线看片A免费观看| 免费观看成人毛片a片2008| 国产卡一卡二卡三免费入口| 国产日本一线在线观看免费| 69成人免费视频| 91视频国产免费| 四虎成人免费网址在线| 国产精品免费_区二区三区观看 | 亚洲gay片在线gv网站| 亚洲GV天堂无码男同在线观看| 色妞www精品视频免费看| 一级女性全黄久久生活片免费|