<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ⅴ在线观看|
亚洲日韩精品一区二区三区|
337p日本欧洲亚洲大胆色噜噜|
A国产一区二区免费入口|
亚洲国产免费综合|
特级无码毛片免费视频|
www国产亚洲精品久久久
|
亚洲香蕉免费有线视频|
1000部啪啪未满十八勿入免费|
亚洲AV无码国产精品麻豆天美|
无码国产精品一区二区免费式芒果|
亚洲成av人在线视|
天天影院成人免费观看|
亚洲国产成人精品无码区在线秒播|
一个人在线观看视频免费|
亚洲日韩AV无码一区二区三区人|
国产成人3p视频免费观看|
免费高清A级毛片在线播放|
亚洲午夜国产精品无码|
99视频免费播放|
中文字幕亚洲精品无码|
国产18禁黄网站免费观看|
国产乱子伦精品免费视频|
亚洲国产女人aaa毛片在线
|
免费无码不卡视频在线观看|
美女免费视频一区二区|
国产亚洲综合久久系列|
jjizz全部免费看片|
精品国产_亚洲人成在线|
亚洲精品高清国产一线久久|
免费观看黄色的网站|
国产精品亚洲一区二区无码
|
亚洲乱码在线观看|
亚洲人成国产精品无码|
91老湿机福利免费体验|
亚洲久热无码av中文字幕|
JLZZJLZZ亚洲乱熟无码|
1000部禁片黄的免费看|
免费人成大片在线观看播放电影|
亚洲AV无码乱码在线观看裸奔|
国内一级一级毛片a免费|