javascript 代码简单的管理菜单

</p> <p><title>北冥有鱼_www.jb51.net_简单的<a href="https://www.kunjuke.com/tag/3678/" title="管理" target="_blank">管理</a><a href="https://www.kunjuke.com/tag/148/" title="菜单" target="_blank">菜单</a></title> </p> <p>body{font-size:12px;}<br /> ul,li,h2{margin:0;padding:0;}<br /> ul{list-style:none;}<br /> #top{width:900px;height:40px;margin:0 auto;background-color:#CCCC00}<br /> #top h2{width:150px;height:40px;background-color:#99CC00;float:left;font-size:14px;text-align:center;line-height:40px;}<br /> #topTags{width:750px;height:40px;margin:0 auto;background-color:#CCCC00;float:left}<br /> #topTags ul li{float:left;width:100px;height:25px;margin-right:5px;display:block;text-align:center;cursor:pointer;padding-top:15px;}<br /> #main{width:900px;height:500px;margin:0 auto;background-color:#F5F7E6;}<br /> #leftMenu{width:150px;height:500px;background-color:#009900;float:left}<br /> #leftMenu ul{margin:10px;}<br /> #leftMenu ul li{width:130px;height:30px;display:block;background:#99CC00;cursor:pointer;line-height:30px;text-align:center;margin-bottom:5px;}<br /> #leftMenu ul li a{color:#000000;text-decoration:none;}<br /> #content{width:750px;height:500px;float:left}<br /> .content{width:740px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;}<br /> #footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}<br /> .content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;} </p> <h2>管理菜单</h2> <ul> </ul> <ul> <li>个人资料</li> <li>相册管理</li> <li>日志管理</li> <li>留言管理</li> <li>风格管理</li> <li>系统管理</li> <li>帮助信息</li> </ul> <p> </p> <p><strong>欢迎使用用户管理系统！</strong></p> <p> </p> <p>个人资料<br /> 相册管理<br /> 日志管理<br /> 留言管理<br /> 风格管理<br /> 系统管理<br /> 帮助信息 </p> <p>copyright for lalasxc </p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• JavaScript代码轻松实现网页内容禁止复制(代码简单)
• JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
• JavaScript代码简单实现求杨辉三角给定行的最大值
• 通过一段代码简单说js中的this的使用
• 怎样使你的 JavaScript 代码简单易读（推荐）