<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)
    
		
				
			
	
		
    個人軟件下載
    
		
				
			
	
		
    我的其它博客
    
		
				
			
	
		
    我的鄰居們
    
		
				
			
	


    最新隨筆
    




    搜索
    



    積分與排名
    



    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


				
			
    
			
    
				
					
	
    
		
    
			滑動側邊菜單欄示例
		
    
		示例圖片：
    

    

    

    
菜單項示例：
    

    <div class="ulTitle"  onclick="showHideUL('poems')"/>詩歌</div>
    
    <ul id='poems' style='display:block'>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=1">春歌</a></li>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=3">俠客行</a></li>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=4">南陵別兒童入京</a></li>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=16">憶昔開元全盛日</a></li>
    
    </ul>
    

    
展開關閉菜單項的JS控制代碼：
    

    <SCRIPT LANGUAGE="JavaScript">
    
    <!--
    
    function showHideUL(ulId){
    
        // 取得無序列表
    
        var ul=document.getElementById(ulId);
    
    
    
        // 原隱藏即顯示，原顯示即隱藏
    
        if(ul.style.display=="block" || ul.style.display=="" ){
    
        ul.style.display    ="none";
    
    }
    
        else{
    
        ul.style.display    ="block";
    
    }
    
}
    
    //-->
    
    </SCRIPT>
    

     
    

    翻頁后保持點擊菜單項展開狀態的代碼示例：
    

    <% 
    
        String ulId=request.getParameter("ulId");
    
        if(ulId==null){
    
        ulId    ="poems";
    
    }
    
    %>
    
    <!-- 鏈接導航部分 -->
    
    <div class="ulTitle"  onclick="showHideUL('poems')"/>詩歌</div>
    
    <% 
    
        if( ulId.equals("poems")){
    
        out.print(    "<ul id='poems' style='display:block'>");
    
    }
    
        else{
    
        out.print(    "<ul id='poems' style='display:none'>");
    
    }
    
    %>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=1">春歌</a></li>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=3">俠客行</a></li>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=4">南陵別兒童入京</a></li>
    
        <li><a href="ShowPage?page=index&&ulId=poems&&aid=16">憶昔開元全盛日</a></li>
    
    </ul>
    


    
源碼下載：
    
http://www.tkk7.com/Files/sitinspring/SlideSidebar20081024121833.rar 
    
  
		
    
			posted on 2008-10-24 12:25 sitinspring 閱讀(4446) 評論(0)  編輯  收藏  所屬分類: HTML,CSS&JS 
		
    
	
    







    
	    
    




    








    

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







    
        
	



主站蜘蛛池模板：
日韩精品成人无码专区免费|
国产一级高青免费|
欧美在线看片A免费观看|
亚洲美女免费视频|
狼群影院在线观看免费观看直播|
亚洲av无码一区二区三区乱子伦|
久青草视频在线观看免费|
国产成人毛片亚洲精品|
成人免费夜片在线观看|
亚洲日本韩国在线|
国产在线观看免费视频软件|
亚洲AV无一区二区三区久久|
无码免费一区二区三区免费播放|
亚洲情a成黄在线观看动漫尤物|
久久精品无码专区免费青青|
亚洲第一成人在线|
国产精品深夜福利免费观看|
特级毛片免费观看视频|
久久久久亚洲精品中文字幕|
中文字幕成人免费高清在线视频|
国产亚洲精品a在线无码|
午夜理伦剧场免费|
精品亚洲456在线播放|
免费a在线观看播放|
a毛片全部播放免费视频完整18|
久久亚洲美女精品国产精品|
无码免费午夜福利片在线|
亚洲av成人片在线观看|
中文字幕亚洲一区|
最近中文字幕国语免费完整
|
亚洲一区二区三区91|
天天摸天天碰成人免费视频|
特级一级毛片免费看|
精品国产_亚洲人成在线高清|
亚洲成人免费电影|
亚洲真人无码永久在线观看|
精品亚洲成α人无码成α在线观看
|
中国一级特黄的片子免费
|
亚洲精品电影天堂网|
国产午夜免费福利红片|
中文字幕无码一区二区免费|