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

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

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

    
    

    




    







												


        

    

    春風博客
    

    

    春天里，百花香...
    

			
    
				
					

    導航
    

					
    
	
    
		
    <2008年10月>
    
	
    日一二三四五六
    2829301234
    567891011
    12131415161718
    19202122232425
    2627282930311
    2345678
    

    

					

    統計
    
	
					

    公告
    
	MAIL: junglesong@gmail.com
    
MSN: junglesong_5@hotmail.com
    

    
Locations of visitors to this page 

					

    常用鏈接
    


    留言簿(11)
    


		
    隨筆分類(224)
    
		
				
			
	
		
    隨筆檔案(126)
    
		
				
			
	
		
    個人軟件下載
    
		
				
			
	
		
    我的其它博客
    
		
				
			
	
		
    我的鄰居們
    
		
				
			
	


    最新隨筆
    




    搜索
    



    積分與排名
    



    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


				
			
    
			
    
				
					
	
    
		
    
			樹狀側邊菜單欄示例
		
    
		示例圖片：
    

    

    
控制代碼：
    

    <%@ page contentType="text/html; charset=UTF-8"%>
    
    <% 
    
        String ulId=request.getParameter("ulId");
    
        if(ulId==null){
    
        ulId    ="poems";
    
    }
    
    %>
    
    <!-- 鏈接導航部分 -->
    
    <ul>
    
        <li>    
    
        <% 
    
            if( ulId.equals("poems")){
    
            out.print(    "<img src='web/img/openedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">詩歌</a>");
    
            out.print(    "<ul id='poems' style='display:block'>");
    
        }
    
            else{
    
            out.print(    "<img src='web/img/closedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">詩歌</a>");
    
            out.print(    "<ul id='poems' style='display:none'>");
    
        }
    
        %>        
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=poems&&aid=1">春歌</a></li>
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=poems&&aid=3">俠客行</a></li>
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=poems&&aid=4">南陵別兒童入京</a></li>
    
                <li><img src="web/img/joinbottom.gif"/><a href="ShowPage?page=index&&ulId=poems&&aid=16">憶昔開元全盛日</a></li>
    
            </ul>
    
        </li>
    
        <li>
    
        <% 
    
            if( ulId.equals("logions")){
    
            out.print(    "<img src='web/img/openedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">名言</a>");
    
            out.print(    "<ul id='logions' style='display:block'>");
    
        }
    
            else{
    
            out.print(    "<img src='web/img/closedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">名言</a>");
    
            out.print(    "<ul id='logions' style='display:none'>");
    
        }
    
        %>    
    
            <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=logions&&aid=6">擇善人而交</a></li>
    
            <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=logions&&aid=7">處事不必求功</a></li>
    
            <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=logions&&aid=8">多躁者必無沉毅之識</a></li>
    
            <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=logions&&aid=9">盤根錯節</a></li>
    
            <li><img src="web/img/joinbottom.gif"/><a href="ShowPage?page=index&&ulId=logions&&aid=10">人遇逆境</a></li>
    
            </ul>
    
        </li>
    
        <li>
    
        <% 
    
            if( ulId.equals("couplets")){
    
            out.print(    "<img src='web/img/openedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">對聯</a>");
    
            out.print(    "<ul id='couplets' style='display:block'>");
    
        }
    
            else{
    
            out.print(    "<img src='web/img/closedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">對聯</a>");
    
            out.print(    "<ul id='couplets' style='display:none'>");
    
        }
    
        %>
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=couplets&&aid=2">天地會</a></li>
    
                <li><img src="web/img/joinbottom.gif"/><a href="ShowPage?page=index&&ulId=couplets&&aid=5">上國衣冠</a></li>
    
            </ul>
    
        </li>
    
        <li>
    
        <% 
    
            if( ulId.equals("zens")){
    
            out.print(    "<img src='web/img/openedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">禪語</a>");
    
            out.print(    "<ul id='zens' style='display:block'>");
    
        }
    
            else{
    
            out.print(    "<img src='web/img/closedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">禪語</a>");
    
            out.print(    "<ul id='zens' style='display:none'>");
    
        }
    
        %>
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=zens&&aid=11">智者知幻即離</a></li>
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=zens&&aid=12">世間有為法</a></li>
    
                <li><img src="web/img/joinbottom.gif"/><a href="ShowPage?page=index&&ulId=zens&&aid=13">菩提本非樹</a></li>
    
            </ul>
    
        </li>
    
        <li>
    
        <% 
    
            if( ulId.equals("knowledges")){
    
            out.print(    "<img src='web/img/openedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">知識</a>");
    
            out.print(    "<ul id='knowledges' style='display:block'>");
    
        }
    
            else{
    
            out.print(    "<img src='web/img/closedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">知識</a>");
    
            out.print(    "<ul id='knowledges' style='display:none'>");
    
        }
    
        %>
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=knowledges&&aid=14">博學審問</a></li>
    
                <li><img src="web/img/joinbottom.gif"/><a href="ShowPage?page=index&&ulId=knowledges&&aid=15">坐而論道</a></li>
    
            </ul>
    
        </li>
    
        <li>
    
        <% 
    
            if( ulId.equals("weij")){
    
            out.print(    "<img src='web/img/openedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">魏晉風度</a>");
    
            out.print(    "<ul  id='weij' style='display:block'>");
    
        }
    
            else{
    
            out.print(    "<img src='web/img/closedfolder.gif' onclick=\"openCloseSubTree(this);\"/><a href='#' onclick=\"openCloseSubTree2(this);\">魏晉風度</a>");
    
            out.print(    "<ul  id='weij' style='display:none'>");
    
        }
    
        %>
    
                <li><img src="web/img/join.gif"/><a href="ShowPage?page=index&&ulId=weij&&aid=17">觀棋柯爛,伐木丁丁</a></li>
    
                <li><img src="web/img/joinbottom.gif"/><a href="ShowPage?page=index&&ulId=weij&&aid=18">乘興而行興盡而返</a></li>
    
            </ul>
    
        </li>
    
    </ul>
    

    

    
    <!-- SCRIPT部分 -->
    
    <SCRIPT LANGUAGE="JavaScript">
    
    <!--
    
    var openedImgSrc="web/img/openedfolder.gif";
    
    var closedImgSrc="web/img/closedfolder.gif";
    

    
    function openCloseSubTree(img){
    
        // 獲得圖片節點的圖片屬性    
    
        var imgSrc=img.getAttribute("src");
    
    
    
        // 圖片節點的下兩個節點為無序列表節點    
    
        var ul=img.nextSibling.nextSibling;
    
    
    
        if(imgSrc.indexOf(openedImgSrc)!=-1){
    
            // 關閉子項
    
            img.setAttribute("src",closedImgSrc);
    
        ul.style.display    ="none";
    
    }
    
        else if(imgSrc.indexOf(closedImgSrc)!=-1){
    
            // 展開子項
    
            img.setAttribute("src",openedImgSrc);
    
        ul.style.display    ="block";
    
    }
    
}
    

    
    function openCloseSubTree2(link){
    
        // 獲得圖片節點
    
        var img=link.previousSibling;
    

    
        // 獲得圖片節點的圖片屬性    
    
        var imgSrc=img.getAttribute("src");
    
    
    
        // 圖片節點的下兩個節點為無序列表節點    
    
        var ul=link.nextSibling;
    
    
    
        if(imgSrc.indexOf(openedImgSrc)!=-1){
    
            // 關閉子項
    
            img.setAttribute("src",closedImgSrc);
    
        ul.style.display    ="none";
    
    }
    
        else if(imgSrc.indexOf(closedImgSrc)!=-1){
    
            // 展開子項
    
            img.setAttribute("src",openedImgSrc);
    
        ul.style.display    ="block";
    
    }
    
}
    
    //-->
    
    </SCRIPT>
    

    

    
代碼下載：
    
http://m.tkk7.com/Files/sitinspring/TreeSideBar20081026165235.rar 
 
		
    
			posted on 2008-10-26 16:53 sitinspring 閱讀(3189) 評論(0)  編輯  收藏  所屬分類: HTML,CSS&JS 
		
    
	
    







    
	    
    




    








    

				
			
    
			
sitinspring(http://m.tkk7.com)原創,轉載請注明出處.
    







    
        
	



主站蜘蛛池模板：
青青草免费在线视频|
免费无码黄十八禁网站在线观看
|
亚洲最大免费视频网|
亚洲熟妇无码久久精品|
狠狠色伊人亚洲综合网站色|
特级毛片A级毛片100免费播放|
一本一道dvd在线观看免费视频|
成全视成人免费观看在线看|
外国成人网在线观看免费视频|
免费无码黄十八禁网站在线观看|
亚洲国产成人久久99精品|
老妇激情毛片免费|
亚洲精品成人区在线观看|
亚洲福利一区二区三区|
精品免费人成视频app|
国产亚洲精久久久久久无码77777|
亚洲欧洲校园自拍都市|
免费福利视频导航|
亚洲国产无线乱码在线观看|
免费无码毛片一区二区APP|
亚洲国产精品综合久久网络|
亚洲日本久久久午夜精品|
女人18毛片水真多免费播放|
亚洲爱情岛论坛永久|
无遮挡a级毛片免费看|
日韩免费高清视频网站|
亚洲神级电影国语版|
日本无吗免费一二区|
无套内谢孕妇毛片免费看看|
亚洲国产成人精品无码区在线观看|
亚洲av永久无码一区二区三区|
免费人成激情视频|
一本色道久久88亚洲精品综合|
亚洲免费黄色网址|
日韩国产欧美亚洲v片|
中文字幕无码成人免费视频|
亚洲色图视频在线观看|
99爱免费观看视频在线|
亚洲精品国产第一综合99久久|
亚洲色无码专区在线观看|
亚洲免费观看视频|