一区二区三区四区不卡在线,国产精品一区二区三区免费视频 ,亚洲一区二区精品3399

滑動側邊菜單欄示例

示例圖片：

菜單項示例：

<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控制代碼：

<!--

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";

}

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=4">南陵別兒童入京</a></li>

<li><a 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 閱讀(4433) 評論(0) 編輯收藏所屬分類: HTML,CSS&JS

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 樹狀側邊菜單欄示例滑動側邊菜單欄示例球拍式導航菜單效果的實現四種CSS鏈接按鈕示例使用CSS設置表格二使用CSS設置表格使用無序列表制作導航菜單 CSS固定寬度兩欄居中示例 CSS可變寬度兩欄式布局例子按鈕按下效果的左側導航欄實現

春風博客

導航

統計

公告

常用鏈接

留言簿(11)

隨筆分類(224)

隨筆檔案(126)

個人軟件下載

我的其它博客

我的鄰居們

最新隨筆

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜

滑動側邊菜單欄示例