<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://www.tkk7.com/Files/sitinspring/TreeSideBar20081026165235.rar 
 
		
    
			posted on 2008-10-26 16:53 sitinspring 閱讀(3189) 評論(0)  編輯  收藏  所屬分類: HTML,CSS&JS 
		
    
	
    







    
	    
    




    








    

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







    
        
	



主站蜘蛛池模板：
精品亚洲一区二区三区在线观看|
亚洲成a人片在线观看无码|
四虎影视在线看免费观看|
超清首页国产亚洲丝袜|
亚洲第一网站免费视频|
国产午夜亚洲精品不卡电影|
国产V亚洲V天堂无码|
91在线视频免费播放|
亚洲阿v天堂在线2017免费|
亚洲视频在线不卡|
深夜国产福利99亚洲视频|
99re在线这里只有精品免费|
亚洲精品中文字幕无码A片老|
中文字幕在线亚洲精品|
成人人免费夜夜视频观看|
最近中文字幕免费大全|
亚洲综合在线一区二区三区|
亚洲精品狼友在线播放|
精品国产免费一区二区|
少妇人妻偷人精品免费视频|
爱爱帝国亚洲一区二区三区|
亚洲精品视频观看|
三上悠亚亚洲一区高清|
麻豆国产人免费人成免费视频|
毛片基地看看成人免费|
亚洲精品久久久久无码AV片软件|
亚洲av日韩av无码|
亚洲国产精品嫩草影院久久|
成年人在线免费观看|
9277手机在线视频观看免费|
一本久久A久久免费精品不卡|
亚洲精品国产精品国自产网站|
亚洲区小说区激情区图片区
|
亚洲国产成人久久精品99
|
国产成人A亚洲精V品无码|
暖暖免费高清日本一区二区三区|
又大又硬又爽又粗又快的视频免费
|
亚洲视频在线观看网址|
亚洲精品狼友在线播放|
亚洲精品高清一二区久久|
韩国二级毛片免费播放|