脚本之家_www.jb51.net_简单的管理菜单
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;}
管理菜单
个人资料
相册管理
日志管理
留言管理
风格管理
系统管理
帮助信息
欢迎使用用户管理系统!
个人资料
相册管理
日志管理
留言管理
风格管理
系统管理
帮助信息
copyright for lalasxc
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
Dom加载让图片加载完再执行的脚本代码
现在,我们来研究一下如何解决这个问题,解决方法就是在DOM加载完毕之后就执行程序。 先介绍两个人。一,jquery的作者:John Resig;二,javascript的世界级大师:dean edwards。(大家要记住这两位天才!>>>详细阅读
本文标题:javascript 代码简单的管理菜单
地址:http://www.17bianji.com/kaifa2/JS/29706.html
1/2 1