git-svn-id: https://192.168.57.71/svn/jsgkj@1038 931142cf-59ea-a443-aa0e-51397b428577

gkaqv2/trunk/modules/web/src/main/webapp/WEB-INF/view/layouts/navbar.jsp

@@ -7,4 +7,47 @@
 			<font face="headTitle" color="#FFFFFF">江苏省港口安全监管与应急管理系统</font>
 		</div>
 	</div>
+</div>
+<div class="h_sysmenu">
+	<div class="h_divmaodian">
+		<img src="<%=base%>/static/images/map/maodian.png" class="h_maodian"/>
+	</div>
+	<div class="h_divorg">镇江港</div>
+	<div class="h_divwelcome">欢迎您!</div>
+	<div class="h_divuserimg">
+		<img src="<%=base%>/static/images/list/user.png" class="h_userimg"/>
+	</div>
+	<div class="h_divusername">
+		<a href="#" onclick="" class="aline">超级管理员</a>
+	</div>
+	<div class="h_divdate"></div>
+	<div class="h_divsysimg">
+		<img src="<%=base%>/static/images/map/index_home.png" class="h_sysimg"/>
+		<img src="<%=base%>/static/images/map/map.png" class="h_sysimg"/>
+		<img src="<%=base%>/static/images/map/help.png" class="h_sysimg"/>
+		<img src="<%=base%>/static/images/map/index_close.png" class="h_sysimg"/>
+	</div>
+</div>
+<div class="h_usermenu">
+	<%-- <div class="h_divfirst" onmouseover="changeFirstBg(this);" onmouseout="changeFirstBg(this);">
+		<img src="<%=base%>/static/images/nav/icon_nav_button02.png" class="h_firstimg"/>
+		<div class="h_divtextfirst">单位信息管理10</div>
+	</div>
+	<div class="h_divsepfirst">
+		<img src="<%=base%>/static/images/nav/icon_nav_line.png" class="h_firstsepimg"/>
+	</div>
+	<div class="h_divfirst" onmouseover="changeFirstBg(this);" onmouseout="changeFirstBg(this);">
+		<img src="<%=base%>/static/images/nav/icon_nav_button02.png" class="h_firstimg"/>
+		<div class="h_divtextfirst">信息管理9</div>
+	</div>
+	<div class="h_divsepfirst">
+		<img src="<%=base%>/static/images/nav/icon_nav_line.png" class="h_firstsepimg"/>
+	</div>
+	<div class="h_divfirst" onmouseover="changeFirstBg(this);" onmouseout="changeFirstBg(this);">
+		<img src="<%=base%>/static/images/nav/icon_nav_button02.png" class="h_firstimg"/>
+		<div class="h_divtextfirst">单位信息管理8</div>
+	</div>
+	<div class="h_divsepfirst">
+		<img src="<%=base%>/static/images/nav/icon_nav_line.png" class="h_firstsepimg"/>
+	</div> --%>
 </div>

gkaqv2/trunk/modules/web/src/main/webapp/WEB-INF/view/layouts/scripts.jsp

@@ -31,3 +31,4 @@
 <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/common/common.js"></script>
 <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/common/util.js"></script>
 <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/index.js"></script>
+<script type="text/javascript" src="<%=request.getContextPath()%>/static/js/navbar.js"></script>

gkaqv2/trunk/modules/web/src/main/webapp/static/css/common/main.css

@@ -1,6 +1,6 @@
 .p_body {
 	overflow: auto;
-	min-width:1280px;
+	min-width:700px;
 	min-height:500px;
 	margin: 0px;
 	background-image:url('../../images/list/repeat_bg.png');

gkaqv2/trunk/modules/web/src/main/webapp/static/css/common/navbar.css

@@ -13,9 +13,9 @@
 .h_title {
 	float:left;
 	height:98px;
-	width:758px;
-	min-width:442px;
+	width:100%;
 	background-image:url('../../images/nav/main_title_bg.png');
+	background-repeat:no-repeat;
 }
 .h_title_name {
 	padding:30px 0px 0px 90px;
@@ -26,4 +26,142 @@
 @font-face {
 	font-family: 'headTitle'; 
 	src: url('../../font/hzgb.ttf'); 
-} 
+} 
+/** Óû§°´Å¥À¸ */
+.h_sysmenu{
+	width: 684px;
+	min-width: 684px;
+	height:37px;
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	font-size: 0;
+	line-height: 0;
+	z-index: 1001;
+	background-image:url('../../images/map/top_bg.png');
+	background-repeat:no-repeat;
+}
+.h_usermenu{
+	width: auto;
+	min-width: 684px;
+	height:61px;
+	position: absolute;
+	top: 37px;
+	right: 0px;
+	font-size: 0;
+	line-height: 0;
+	z-index: 1002;
+}
+.h_divmaodian{
+	float:left;
+	padding:4px 0px 7px 15px;
+}
+.h_maodian{
+	float:left;
+	width:26px;
+	height:26px;
+}
+.h_divorg{
+	float:left;
+	width:80px;
+	margin:15px 0px 0px 5px;
+	font-size:16px;
+	font-weight:bold;
+	color:red;
+	font-bold:weight;
+}
+.h_divwelcome{
+	width:50px;
+	height:26px;
+	float:left;
+	margin:16px 0px 0px 0px;
+	font-size:12px;
+	color:black;
+}
+.h_divuserimg{
+	width:17px;
+	height:17px;
+	float:left;
+}
+.h_userimg{
+	width:17px;
+	height:17px;
+	margin:8px 0px 0px 3px;
+}
+.h_divusername{
+	width:150px;
+	height:26px;
+	float:left;
+	margin:17px 0px 0px 8px;
+	font-size:12px;
+	color:black;
+}
+
+.aline {
+    background: 0 0;
+    color: #000000;
+    text-decoration: underline;
+}
+.aline:hover {
+    color: #1e70bf;
+    text-decoration: underline;
+}
+.aline:active, aline:hover {
+    outline: 0;
+}
+.h_divdate{
+	width:175px;
+	height:26px;
+	float:left;
+	margin:16px 0px 0px 0px;
+	font-size:12px;
+	color:black;
+}
+.h_divsysimg{
+	float:left;
+	width:130px;
+	height:24px;
+	margin:4px 0px 0px 20px;
+	font-size:12px;
+	color:black;
+}
+.h_sysimg{
+	width:22px;
+	height:22px;
+	margin:0px 0px 0px 2px;
+	cursor:pointer;
+}
+.h_usermenu .h_divfirst{
+	float:right;
+	width:auto;
+	height:61px;
+	text-align:center;
+	padding:18px 5px 0px 5px;
+	font-size:12px;
+	color:#FFFFFF;
+	background-position: center;
+}
+.h_usermenu .h_divfirstselected{
+	float:right;
+	text-align:center;
+	padding:18px 5px 0px 5px;
+	font-size:12px;
+	color:#FFFFFF;
+}
+.h_usermenu .h_firstimg{
+}
+.h_usermenu .h_divtextfirst{
+	padding:10px 0px 0px 0px;
+	font-size:12px;
+	color:#FFFFFF;
+}
+.h_divsepfirst{
+	padding:5px 0px 0px 0px;
+	float:right;
+	width:2px;
+	height:61px;
+}
+.h_divsepfirst .h_firstsepimg{
+	width:2px;
+	height:56px;
+}

gkaqv2/trunk/modules/web/src/main/webapp/static/js/navbar.js

@@ -0,0 +1,36 @@
+/**
+ * js
+ */
+
+
+/** 页面初始化 */
+$(function () {
+	showCurrentTime();
+});
+
+/**
+ * 显示当前时间
+ */
+function showCurrentTime() {
+    var date = new Date();
+    var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
+    $(".h_divdate").html("今天是： "+formatDate(date)+" "+dayNames[date.getDay()]);
+};
+
+/**
+ * 显示当前时间
+ */
+function changeFirstBg(obj) {
+    var bg = $(obj).css("background-image");
+    if(bg == "fdsaf") {
+        
+    } else {
+       if(bg == "none") {
+           $(obj).css("background-image",
+                   "url(" + basePath + "/static/images/nav/nav_bg_highlight_alpha.4.png)");
+       } else {
+           $(obj).css("background-image", "none");
+       }
+    }
+}
+