春風博客

          春天里,百花香...

          導航

          <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><href="ShowPage?page=index&&ulId=poems&&aid=1">春歌</a></li>
              
          <li><href="ShowPage?page=index&&ulId=poems&&aid=3">俠客行</a></li>
              
          <li><href="ShowPage?page=index&&ulId=poems&&aid=4">南陵別兒童入京</a></li>
              
          <li><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><href="ShowPage?page=index&&ulId=poems&&aid=1">春歌</a></li>
              
          <li><href="ShowPage?page=index&&ulId=poems&&aid=3">俠客行</a></li>
              
          <li><href="ShowPage?page=index&&ulId=poems&&aid=4">南陵別兒童入京</a></li>
              
          <li><href="ShowPage?page=index&&ulId=poems&&aid=16">憶昔開元全盛日</a></li>
          </ul>


          源碼下載:
          http://www.aygfsteel.com/Files/sitinspring/SlideSidebar20081024121833.rar

          posted on 2008-10-24 12:25 sitinspring 閱讀(4450) 評論(0)  編輯  收藏 所屬分類: HTML,CSS&JS

          sitinspring(http://www.aygfsteel.com)原創,轉載請注明出處.
          主站蜘蛛池模板: 临夏市| 吴桥县| 合江县| 法库县| 江都市| 镇原县| 海伦市| 临洮县| 板桥市| 邓州市| 遂溪县| 柳江县| 庆阳市| 镇平县| 连江县| 辽阳市| 濉溪县| 宁安市| 托里县| 保定市| 迁安市| 九龙县| 舟山市| 台安县| 綦江县| 黄梅县| 星座| 沅陵县| 石河子市| 自治县| 泉州市| 毕节市| 宝坻区| 安福县| 刚察县| 东丽区| 武乡县| 泰州市| 徐汇区| 满洲里市| 柳河县|