快捷導(dǎo)航

javascript 代碼簡單的管理菜單

更新時(shí)間：2008年05月08日 12:06:19 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>腳本之家_chabaoo.cn_簡單的管理菜單</title> <style type="text/css"> body{font-size:12px;} ul,li,h2{margin:0;padding:0;} ul{list-style:none;} #top{width:900px;height:40px;margin:0 auto;background-color:#CCCC00} #top h2{width:150px;height:40px;background-color:#99CC00;float:left;font-size:14px;text-align:center;line-height:40px;} #topTags{width:750px;height:40px;margin:0 auto;background-color:#CCCC00;float:left} #topTags ul li{float:left;width:100px;height:25px;margin-right:5px;display:block;text-align:center;cursor:pointer;padding-top:15px;} #main{width:900px;height:500px;margin:0 auto;background-color:#F5F7E6;} #leftMenu{width:150px;height:500px;background-color:#009900;float:left} #leftMenu ul{margin:10px;} #leftMenu ul li{width:130px;height:30px;display:block;background:#99CC00;cursor:pointer;line-height:30px;text-align:center;margin-bottom:5px;} #leftMenu ul li a{color:#000000;text-decoration:none;} #content{width:750px;height:500px;float:left} .content{width:740px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;} #footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;} .content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;} </style>  </head> <body> <div   class="ublnpf9mb"   id="top"> <h2>管理菜單</h2> <div   class="ublnpf9mb"   id="topTags"> <ul> </ul> </div> </div> <div   class="ublnpf9mb"   id="main">  <div   class="ublnpf9mb"   id="leftMenu"> <ul> <li>個(gè)人資料</li> <li>相冊管理</li> <li>日志管理</li> <li>留言管理</li> <li>風(fēng)格管理</li> <li>系統(tǒng)管理</li> <li>幫助信息</li> </ul> </div> <div   class="ublnpf9mb"   id="content"> <div   class="ublnpf9mb"   id="welcome" class="content" style="display:block;">   <div align="center">     <p>&nbsp;</p>     <p><strong>歡迎使用用戶管理系統(tǒng)！</strong></p>     <p>&nbsp;</p>     </div> </div> <div   class="ublnpf9mb"   id="c0" class="content">個(gè)人資料</div> <div   class="ublnpf9mb"   id="c1" class="content">相冊管理</div> <div   class="ublnpf9mb"   id="c2" class="content">日志管理</div> <div   class="ublnpf9mb"   id="c3" class="content">留言管理</div> <div   class="ublnpf9mb"   id="c4" class="content">風(fēng)格管理</div> <div   class="ublnpf9mb"   id="c5" class="content">系統(tǒng)管理</div> <div   class="ublnpf9mb"   id="c6" class="content">幫助信息</div> </div> </div> <div   class="ublnpf9mb"   id="footer">copyright for lalasxc </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: