<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)航:
     
    主站蜘蛛池模板: www.亚洲成在线| 深夜国产福利99亚洲视频| 亚洲日本va在线视频观看| 国产免费av片在线无码免费看| 免费毛片a在线观看67194| 久久久高清免费视频| 国语成本人片免费av无码| 在线免费观看中文字幕| 精品国产免费观看久久久| 日韩亚洲国产综合久久久| 亚洲午夜福利在线观看| 亚洲黄色在线网站| 亚洲日韩精品无码专区加勒比| 久久亚洲AV成人无码国产电影| 人体大胆做受免费视频| 久久免费美女视频| 18禁超污无遮挡无码免费网站国产| 永久免费bbbbbb视频| 亚洲中文字幕久久精品无码APP | 九九视频高清视频免费观看| 久久久精品视频免费观看 | 亚洲AV综合色区无码一二三区| 国产成人亚洲综合一区| 亚洲综合精品第一页| 日本中文字幕免费看| 国产无限免费观看黄网站| 中文精品人人永久免费| 在线观看的免费网站无遮挡| 午夜福利不卡片在线播放免费| 处破痛哭A√18成年片免费| 亚洲av无码不卡私人影院| 亚洲国产综合精品中文第一区| 亚洲日韩乱码中文无码蜜桃| 亚洲天堂福利视频| 亚洲欧洲久久精品| 美女视频黄频a免费观看| 免费成人在线视频观看| 成人免费看吃奶视频网站| 亚洲毛片免费视频| 中文字幕亚洲综合精品一区| 麻豆国产人免费人成免费视频|