模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
菜單導航特效代碼
>
收藏
分享
查看評論
菜單導航
演示
CSS實現的目錄樹型菜單_菜單導航特效
查看演示效果
特效Tag:
樹狀菜單
目錄樹
添加
CSS實現的目錄樹型菜單,假如你再把它美化一下會更好,現在只是一個基本的雛形。
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>CSS實現的目錄樹</title> </head> <body> <div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" > + 源碼下載類</div> <div id="child1" style="display:none"> <a href="#">- ASP</a><br> <a href="#">- PHP</a><br> <a href="#">- JSP</a> </div> <div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" > + 技術文章類 </div> <div id="child2" style="display:none"> <a href="#">- PHP</a><br> <a href="#">- ASP.NET</a><br> <a href="#">- DELPHI</a> </div> </body> </html>
所屬頻道:
菜單導航特效
/
更新時間:2010-05-22
[收藏]
[報錯]
[返回列表]
相關
菜單導航特效
:
CSS+div+js組合強大實現超酷菜單
超酷仿GOOGLE首頁導航菜單效果
仿網易的滑動門技術DIV+CSS實現
仿藍色理想網站的導航菜單
鼠標觸及帶邊框菜單
用JS實現的類似框架的鏈接導航模式
CSS立體層
右鍵彈出菜單
純css的導航下拉菜單
隱藏菜單效果
css模擬title和alt的提示效果
下拉菜單鏈接頁面打開方式選擇
菜單導航特效Rss訂閱
特效代碼搜索
菜單導航特效推薦
豎向折疊的CSS滑動菜單
多瀏覽器兼容的純CSS橫向導航條
模仿微軟CSS滑動門(TAB)
清新的橫排下拉菜單
每一個菜單項都可以關閉的豎排導航欄
帶缺口導航的CSS菜單欄
CSS仿迅雷的網站導航
鼠標觸及帶邊框菜單
一種不錯的網頁下拉菜單
清新精致的純CSS導航菜單
猜你也喜歡看這些
JS圖片切換學習版,沒有過多修飾
JS圖片溶解出現的特效
按鈕可以控制的JS橫向圖片滾動
JavaScript點擊顯示、隱藏層或圖片的代碼
漫天飛雪
根據鼠標放上切換內容制作的圖片導航
鼠標經過圖片時,出現說明文字
自由移動的圖片
對聯
圖片的翻頁效果,基于jquery的實現方法
相關鏈接:
復制本頁鏈接
|
搜索CSS實現的目錄樹型菜單
特效說明:
菜單導航模板
-
CSS實現的目錄樹型菜單
。