javascript 代码简单的管理菜单

发布时间：2008-05-08　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

脚本之家_www.jb51.net_简单的管理菜单body{font-size:12px;}ul,li,h2{margin:0;padding:0;}ul{list-style:none;}#top{width:900px;height:40px;margin:0auto;background-color:#CCCC00}#toph2{width:150px;height:40px;background-color:#99CC00;float:left;

<!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>全福编程网_www.jb51.net_简单的管理菜单</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> 
 
<h2>管理菜单</h2> 
 
 
 
 
 
  
 
 
个人资料 
相册管理 
日志管理 
留言管理 
风格管理 
系统管理 
帮助信息 
 
 
 
 
   
    <p style="TEXT-INDENT: 2em"></p> 
    <p style="TEXT-INDENT: 2em"><strong>欢迎使用用户管理系统！</strong></p> 
    <p style="TEXT-INDENT: 2em"></p> 
     
 
个人资料 
相册管理 
日志管理 
留言管理 
风格管理 
系统管理 
帮助信息 
 
 
copyright for lalasxc  
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：地震发生中逃生十大法则

下一篇：js仿土豆视频滚动菜单

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

javascript 代码简单的管理菜单

相关推荐

文章分类

热门关键词

热门文章

最新更新