登陆页面

来源：互联网发布：软件万花筒编辑：程序博客网时间：2024/06/10 05:41

1、登陆页面

<%String contextPath = request.getContextPath();%><!DOCTYPE html><html><head><title>系统登录</title><jsp:include page="/inc.jsp"></jsp:include><link rel="stylesheet"href="<%=contextPath%>/resources/mms/css/login.css" type="text/css"><script type="text/javascript">/*检查浏览器是否支持 */var isIE = !!window.ActiveXObject;var isIE6 = isIE && !window.XMLHttpRequest;if (isIE6) {window.location.href = "<%=contextPath%>/errorPage/Browser_Not_Support.html";}//回车键document.onkeydown = function(e) {if (!e)e = window.event; //火狐中是 window.eventif ((e.keyCode || e.which) == 13) {var obtnSearch = document.getElementById("Log_Submit")obtnSearch.focus(); //让另一个控件获得焦点就等于让文本输入框失去焦点obtnSearch.click();}}function LoginBtn() {var Account = $("#userName").val();var Pwd = $("#passWord").val();if (Account == "") {$("#Account").focus();showTopMsg("登录账户不能为空", 4000, 'error');return false;} else if (Pwd == "") {$("#Pwd").focus();showTopMsg("登录密码不能为空", 4000, 'error');return false;} else {return true;}}/**    数据验证完整性 **/function CheckUserDataValid() {if (!LoginBtn()) {return false;} else {CheckingLogin(1);var Account = $("#userName").val();var Pwd = $("#passWord").val();$.post(sy.contextPath+ '/mmsUser_doNotNeedSessionAndSecurity_login.action', {'userName' : Account,'passWord' : Pwd},function(result) {if (result.success) {location.replace(sy.contextPath+ '/mmsLogin_toMain.action');} else {showTopMsg("账户或密码有错误", 4000, 'error');resetInput();CheckingLogin(0);}}, 'json');}}function CheckingLogin(id) {if (id == 1) {$("#Log_Submit").attr("disabled", "disabled")$("#Log_Submit").attr("class", "signload");$(".load").show();} else {$("#Log_Submit").removeAttr('disabled');$("#Log_Submit").attr("class", "sign");$(".load").hide();}}//清空function resetInput() {$("#userName").focus(); //默认焦点$("#passWord").val("");$("#userName").val("");}/**Top 加载对话窗msg:提示信息time：停留时间mstype：提示类型（1、success 2、error 3、warning） **/function showTopMsg(msg, time, type) {MsgTips(time, msg, 300, type);}/*** * 自动关闭弹出内容提示timeOut : 4000,//提示层显示的时间msg : "恭喜你!你已成功操作此插件，谢谢使用！",//显示的消息speed : 300,//滑动速度type : "success"//提示类型（1、success 2、error 3、warning） ***/function MsgTips(timeOut, msg, speed, type) {$(".tip_container").remove();var bid = parseInt(Math.random() * 100000);$("body").prepend('<div id="tip_container' + bid + '" class="container tip_container"><div id="tip' + bid + '" class="mtip"><span id="tsc' + bid + '"></span></div></div>');var $this = $(this);var $tip_container = $("#tip_container" + bid);var $tip = $("#tip" + bid);var $tipSpan = $("#tsc" + bid);//先清楚定时器clearTimeout(window.timer);//主体元素绑定事件$tip.attr("class", type).addClass("mtip");$tipSpan.html(msg);$tip_container.slideDown(speed);//提示层隐藏定时器window.timer = setTimeout(function() {$tip_container.slideUp(speed);$(".tip_container").remove();}, timeOut);//鼠标移到提示层时清除定时器$tip_container.on("mouseover", function() {clearTimeout(window.timer);});//鼠标移出提示层时启动定时器$tip_container.on("mouseout", function() {window.timer = setTimeout(function() {$tip_container.slideUp(speed);$(".tip_container").remove();}, timeOut);});$("#tip_container" + bid).css("left",($(window).width() - $("#tip_container" + bid).width()) / 2);//$("#tip_container" + bid).css("top", ($(window).height() - $("#tip_container" + bid).height()) / 2);}$(function(){$("#lblAccount").click(function(){$("#userName").focus();});$("#lblPwd").click(function(){$("#passWord").focus();});})</script></head><body><div id="thead"><div class="bg3"><div class="nav"><ul class="Form FancyForm"><li><input id="userName" name="userName" type="text"class="stext" value="admin" /><!--  <label id="lblAccount">输入登录账户</label> --><span class="fff"></span></li><li><input id="passWord" name="passWord" type="password"class="stext" value="0000" /><!--  <label id="lblPwd">输入登录密码</label>  --> <span class="fff"></span></li></ul></div><div class="s8"><table><tr style="height: 20px;"><td style="width: 80px"></td><td><input id="Log_Submit" type="button" class="sign"onclick="return CheckUserDataValid();" /></td></tr></table></div><div class="load"><img src="<%=contextPath%>/resources/mms/img/login/loading.gif" /></div></div><!-- <div class="bg4"><p>适用浏览器：IE8、IE9、FireFox。</p></div> --></div><div class="bgimg"><img src="<%=contextPath%>/resources/mms/img/login/bg1.png"/></div></body></html>

2、login.css

* {font-size: 10pt;}body {margin: 0px;padding: 0px;font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;color: #000000;}html,body {margin: 0px auto;padding: 0px;height: 100%;overflow: hidden;}ul,ol,li,dl {list-style: none;}img {border: none;}body {font-size: 14px;font-family: Arial;color: #656565;}#thead {width: 500px; height : 100%;margin: 0 auto;overflow: hidden;position: relative;height: 100%;}#thead .bg3 {position: absolute;left: 50%;top: 50%;width: 458px;z-index: 1;height: 400px;background: url(../img/login/bg23.png) no-repeat;margin: -200px 0 0 -229px;}#thead .bg3 .nav {float: left;margin-left: 130px;margin-top: 160px;position: relative;}.bgimg {position: absolute;width: 100%;height: 100%;z-index: -1;left: 0;right: 0;top: 0;bottom: 0;}.bgimg img {position: absolute;width: 100%;height: 100%;z-index: -1;left: 0;right: 0;top: 0;bottom: 0;}.load {position: absolute;left: 86%;top: 295px;z-index: 3000;display: none;}.sign {margin-left: 100px;border: medium none;width: 130px;height: 40px;border-style: none;background: none;background-image: url("../img/login/137.png" );cursor: pointer;}.sign:hover {background-position: 0 -40px;}.sign_hover {background-position: 0 -40px;}.signload {margin-left: 100px;border: medium none;width: 130px;height: 40px;border-style: none;background: none;background-image: url("../img/login/login-v2-load.png" );}.s8 {z-index: 3000;position: absolute;left: 23%;top: 280px;cursor: pointer;vertical-algin: top;}* {margin: 0;padding: 0;list-style-type: none;}a,img {border: 0;text-decoration: none;}/* Form input */.Form {width: 300px;padding:0px;margin:0px;}.Form li {display: block;margin-bottom: 25px;font-size: 21px;font-weight: 300;}.Form input[type=text],.Form input[type=password],.Form textarea {display: inline-block;padding: 6px 12px;font-size: 18px;font-weight: 300;line-height: 1.4;color: #221919;background: #fff;border: 1px solid #a4a2a2;box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1pxrgba(255, 255, 255, .8);-moz-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1pxrgba(255, 255, 255, .8);-webkit-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1pxrgba(255, 255, 255, .8);-webkit-transition: all .08s ease-in-out;-moz-transition: all .08s ease-in-out;}.Form textarea {min-height: 90px;}.Form label {display: inline-block;line-height: 1.4em;font-size: 18px;}.Form input[type=text]:focus,.Form input[type=password]:focus,.Form textarea:focus{border-color: #006499;box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1pxrgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);-moz-box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1pxrgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);-webkit-box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1pxrgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);}.FancyForm li,.FancyForm li .input {position: relative;}.FancyForm input[type=text],.FancyForm input[type=password],.FancyForm textarea{position: relative;z-index: 3;display: block;width: 95%;background: transparent;border: 1px solid #a4a2a2;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1pxrgba(255, 255, 255, .8);-moz-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1pxrgba(255, 255, 255, .8);-webkit-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1pxrgba(255, 255, 255, .8);-webkit-transition: all .08s ease-in-out;-moz-transition: all .08s ease-in-out;}.FancyForm textarea {min-height: 3.95em;line-height: 1.3;}.FancyForm label {position: absolute;z-index: 2;top: 7px;left: 13px;display: block;color: #BCBCBC;cursor: text;-moz-user-select: none;-webkit-user-select: none;-moz-transition: all .16s ease-in-out;-webkit-transition: all .16s ease-in-out;}.FancyForm .fff {position: absolute;z-index: 1;top: 0;right: 0;left: 3px;bottom: 0;background-color: #fff;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}.FancyForm input[type=text]:focus+label,.FancyForm input[type=password]:focus+label,.FancyForm textarea:focus+label{opacity: .5;filter: alpha(opacity = "50");}.FancyForm .val label {left: -9999px;opacity: 0 !important;filter: alpha(opacity = "0") !important;}/*头部自能提示*/.mtip>span {vertical-align: 3px;line-height: 1;display: inline-block;width: auto;font-size: 24px;}.mtip {border-radius: 0 0 4px 4px;padding-top: 10px;padding-left: 25px;padding-right: 25px;padding-bottom: 10px;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)}.mtip.error {background-color: #cd3237;background-image: -moz-linear-gradient(top, #e34447, #cd3237);background-image: -ms-linear-gradient(top, #e34447, #cd3237);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e34447),to(#cd3237) );background-image: -webkit-linear-gradient(top, #e34447, #cd3237);background-image: -o-linear-gradient(top, #e34447, #cd3237);background-image: linear-gradient(top, #e34447, #cd3237);border: 1px solid #ca3e3e}.mtip.success {background-color: #43ab00;background-image: -moz-linear-gradient(top, #43ab00, #388e00);background-image: -ms-linear-gradient(top, #43ab00, #388e00);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#43ab00),to(#388e00) );background-image: -webkit-linear-gradient(top, #43ab00, #388e00);background-image: -o-linear-gradient(top, #43ab00, #388e00);background-image: linear-gradient(top, #43ab00, #388e00);border: 1px solid #338100}.mtip.warning {background-color: orange;background-image: -moz-linear-gradient(top, #0f76cd, #086cc1);background-image: -ms-linear-gradient(top, #0f76cd, #086cc1);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f76cd),to(#086cc1) );background-image: -webkit-linear-gradient(top, #0f76cd, #086cc1);background-image: -o-linear-gradient(top, #0f76cd, #086cc1);background-image: linear-gradient(top, #0f76cd, #086cc1);border: 1px solid #006096}.tip_container {display: none;z-index: 9999;position: fixed;top: 0;text-align: left;width: auto;_width: auto;}

3、主页面

<%@page import="com.lxkj.bass.query.mms.dao.entity.MmsSessionInfo"%><%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%String contextPath = request.getContextPath();    MmsSessionInfo sessionInfo = (MmsSessionInfo) session.getAttribute("sessionInfo");%><!DOCTYPE html><html><head><title></title><jsp:include page="/inc.jsp"></jsp:include><script type="text/javascript">var mainMenu;var mainTabs;$(function(){//树形菜单mainMenu = $('#mainMenu').tree({url : sy.contextPath + '/mmsResource_getMainMenu.action',parentField : 'pid',onClick : function(node) {if (node.attributes.url&&node.attributes.url.length>0) {var src = sy.contextPath + node.attributes.url;if (!sy.startWith(node.attributes.url, '/')) {src = node.attributes.url;}if (node.attributes.target && node.attributes.target.length > 0) {window.open(src, node.attributes.target);} else {var tabs = $('#mainTabs');var opts = {title : node.text,closable : true,iconCls : node.iconCls,content : sy.formatString('<iframe src="{0}" allowTransparency="true" style="border:0;width:100%;height:99%;" frameBorder="0"></iframe>', src),border : false,fit : true};if (tabs.tabs('exists', opts.title)) {tabs.tabs('select', opts.title);} else {tabs.tabs('add', opts);}}}}});$('#mainLayout').layout('panel', 'center').panel({onResize : function(width, height) {sy.setIframeHeight('centerIframe', $('#mainLayout').layout('panel', 'center').panel('options').height - 5);}});//tab页mainTabs = $('#mainTabs').tabs({fit : true,border : false,tools : [ {text : '刷新',iconCls : 'ext-icon-arrow_refresh',handler : function() {var panel = mainTabs.tabs('getSelected').panel('panel');var frame = panel.find('iframe');try {if (frame.length > 0) {for (var i = 0; i < frame.length; i++) {frame[i].contentWindow.document.write('');frame[i].contentWindow.close();frame[i].src = frame[i].src;}if (navigator.userAgent.indexOf("MSIE") > 0) {// IE特有回收内存方法try {CollectGarbage();} catch (e) {}}}} catch (e) {}}}, {text : '关闭',iconCls : 'ext-icon-cross',handler : function() {var index = mainTabs.tabs('getTabIndex', mainTabs.tabs('getSelected'));var tab = mainTabs.tabs('getTab', index);if (tab.panel('options').closable) {mainTabs.tabs('close', index);} else {$.messager.alert('提示', '[' + tab.panel('options').title + ']不可以被关闭！', 'error');}}} ]});//修改密码$('#passwordDialog').show().dialog({modal : true,closable : true,width:300,height:200,iconCls : 'ext-icon-lock_edit',buttons : [ {text : '修改',handler : function() {if ($('#passwordDialog form').form('validate')) {$.post(sy.contextPath + '/mmsUser_doNotNeedSecurity_updateCurrentPwd.action', {'passWord' : $('#newpwd').val(),'oldpwd': $('#oldpwd').val()}, function(result) {if (result.success) {$.messager.alert('提示', '密码修改成功！', 'info');$('#passwordDialog').dialog('close');}else{$.messager.alert('提示', result.msg, 'error');$('#passwordDialog').dialog('close');}}, 'json');}}} ],onOpen : function() {$('#passwordDialog form :input').val('');}}).dialog('close');})</script><style type="text/css">#mainTabs .tabs-header .tabs-tool{border-left: none;border-right: none;border-top: none;}</style></head><body  id="mainLayout" class="easyui-layout"><div data-options="region:'north',href:'<%=contextPath%>/mms_toNorth.action'" style="height: 70px; overflow: hidden;" class="logo"></div><div data-options="region:'west',href:'',split:true" title="导航" style="width: 200px; padding: 10px;"><ul id="mainMenu"></ul></div><div data-options="region:'center'" style="overflow: hidden;"><div id="mainTabs"><div title="欢迎页面" data-options="iconCls:'ext-icon-application_view_tile'"><iframe src="<%=contextPath%>/mms_toWelcome.action" allowTransparency="true" style="border: 0; width: 100%; height: 99%;" frameBorder="0"></iframe></div></div></div><div data-options="region:'south',href:'<%=contextPath%>/mms_toSourth.action',border:false" style="height: 20px; overflow: hidden;"></div><div id="passwordDialog" title="修改密码" style="display: none;padding: 20px;"><form method="post" class="form" onsubmit="return false;"><table class="table"><tr style="margin: 5px 0;"><th>原始密码</th><td><input id="oldpwd" name="oldpwd" type="password" class="easyui-validatebox" data-options="required:true" /></td></tr><tr  style="margin: 5px 0;"><th>新密码</th><td><input id="newpwd" name="newpwd" type="password" class="easyui-validatebox" data-options="required:true" /></td></tr><tr  style="margin: 5px 0;"><th>重复密码</th><td><input type="password" class="easyui-validatebox" data-options="required:true,validType:'eqPwd[\'#newpwd\']'" /></td></tr></table></form></div></body></html>

top页面

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%String contextPath = request.getContextPath();%><link rel="stylesheet" href="<%=contextPath%>/resources/mms/css/header.css" type="text/css"><script type="text/javascript">$(function() {});var lockWindowFun = function() {alert('111');}var logoutFun = function() {$.messager.confirm('警告', '确定退出系统?', function(r){if (r){$.post(sy.contextPath + '/mmsUser_doNotNeedSessionAndSecurity_logout.action', function(result) {location.replace(sy.contextPath + '/mmsLogin_toLogin.action');}, 'json');}});}</script><%-- <div id="sessionInfoDiv" style="position: absolute; right: 10px; top: 5px;">欢迎 ${user.userName} 登陆：</div><div id="layout_north_zxMenu" style="width: 100px;"><div data-options="iconCls:'ext-icon-lock'" onclick="lockWindowFun();">锁定窗口</div><div class="menu-sep"></div><div data-options="iconCls:'ext-icon-door_out'" onclick="logoutFun();">退出系统</div></div> --%><div id="Header"><div id="HeaderLogo"><img style="" src="<%=contextPath%>/resources/mms/img/top/product.png"></div><div id="Headermenu"><ul id="topnav"><li id="metnav_1" class="list"><a id="nav_1" class="onnav"hidefocus="true" href="javascript:;"> <spanclass="c1"></span> 首页信息</a></li><li id="metnav_3" class="list" onclick="$('#passwordDialog').dialog('open');"><a id="nav_3" hidefocus="true"href="javascript:;"> <span class="c3"></span> 修改密码</a></li><li id="metnav_4" class="list" onclick="logoutFun();"><aid="nav_4" hidefocus="true" href="javascript:;"> <spanclass="c4"></span> 安全退出</a></li></ul></div></div>

south.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%><%@ page import="com.lxkj.bass.query.mms.dao.entity.MmsSessionInfo"%><%String contextPath = request.getContextPath();%><link rel="stylesheet" href="<%=contextPath%>/resources/mms/css/bottom.css" type="text/css"><div id="botton_toolbar" style="text-align: center;"><div style="width: 42%; text-align: left; float: left;"><a href="javascript:void()" title="点击链接公司官网">技术支持</a><span class="south-separator"></span> 正式版 V1.1<span class="south-separator"></span><a href="#" target="_blank" title="将问题提交给开发商进行解决">问题反馈</a><span class="south-separator"></span></div><div style="width: 16%; text-align: left; float: left;"><a href="javascript:void()" title="系统">CopyRight © 2014-2018 By LanXin</a></div><div style="width: 42%; text-align: right; float: left;"><span class="south-separator"></span>操作员：${sessionInfo.user.loginName}<span class="south-separator"></span>所在工区：${sessionInfo.user.department}[${sessionInfo.user.jobArea}]<span class="south-separator"></span><!-- 在线人数：226  --></div></div>

欢迎页面

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%String contextPath = request.getContextPath();%><!DOCTYPE html><html><head><title>欢迎页面</title><jsp:include page="/inc.jsp"></jsp:include><link rel="stylesheet" href="<%=contextPath%>/resources/mms/css/welcome.css" type="text/css"><script type="text/javascript">$(function() {$('#container').highcharts({chart : {type : 'column',margin : [ 10, 10, 65, 70 ]},title : {text : '检修质量评分图'},xAxis : {categories : [],labels : {rotation : -45,align : 'right',style : {fontSize : '13px',fontFamily : 'Verdana, sans-serif'}}},yAxis : {min : 0,title : {text : '评分数'}},legend : {enabled : false},exporting:{enabled:false},tooltip : {formatter : function() {return '<b>' + this.x + '点</b><br/>' + '评分数为: ' + this.y;}},series : [ {data : [],dataLabels : {enabled : true,rotation : -90,color : '#FFFFFF',align : 'right',x : 4,y : 10,style : {fontSize : '13px',fontFamily : 'Verdana, sans-serif'}}} ]});$('#cc').combobox({       url:sy.contextPath+'/mmsDriver_driverAll.action',       valueField:'jobNum',       textField:'dname',    onChange:getChart    });getChart();//窗口大小改变的时候触发//window.onresize = function () {getChart();}});var getChart =function(){parent.$.messager.progress({text : '数据加载中....'});$.post(sy.contextPath+ '/mmsMaintGrade_driverSocer.action',sy.serializeObject($('#chartForm')),function(result) {var jsonXData = [];var jsonyD1 = [];var chart = $('#container').highcharts();for (var i = 0; i < result.length; i++) {jsonXData.push(result[i].mrepairScore);jsonyD1.push(result[i].mscoreDate.substr(5,5)+":"+result[i].mname);}chart.xAxis[0].setCategories(jsonyD1, true);chart.series[0].setData(jsonXData);chart.redraw();parent.$.messager.progress('close');}, 'json'); }</script><style type="text/css">*{ font-size: 9pt;}body{    margin: 0px;    padding: 0px;    font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;    color: #000000;}a:link{    color: #222;    text-decoration: none;}a:visited{    color: #222;    text-decoration: none;}a:hover{    color: #222;    text-decoration: none;}a:active{    color: #222;    text-decoration: none;}</style></head><body class="easyui-layout" data-options="fit:true,border:false">  <table style="width: 100%;">            <tr>                <td colspan="3" style="width: 99% ;text-align: center;" >                    <div class="welcomebox">                        <div class="welcomebox-title">                            <div style="float: left">                                <img src="<%=contextPath%>/resources/mms/img/32/chart_bar.png" alt="" width="20" height="20" />                                数据统计                            </div>                            <div id="SeriesType" title="点击切换图表" style="float: right; padding-right: 10px; cursor: pointer;">>></div>                        </div>                        <div class="welcomebox-content" style="height: 300px;text-align: left;">                            <div id="search" style="height: 20;float:right;">                            <table><tr><td><form id="chartForm"><table><tr><td>姓名</td><td><input id="cc" name="QUERY_t#mjobNum_S_EQ" value="" style="width:70px;"></td><!-- <td>时间</td><td><input name="QUERY_t#mstartTime_D_GE" class="Wdate" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" type="text" style="width: 150px;" />-<input name="QUERY_t#mendTime_D_LE" class="Wdate" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" type="text" style="width: 150px;" /></td><td><a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'ext-icon-zoom',plain:true" onclick="getChart()">图表</a><a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'ext-icon-zoom_out',plain:true" onclick="$('#searchForm input').val('');">重置</a></td> --></tr></table></form></td></tr></table>                            </div>                            <div id="container" style="height: 240px;width:970px;float:left;">                            </div>                        </div>                    </div>                </td>                  <%--<td>                   <div class="welcomebox">                        <div class="welcomebox-title">                            <div style="float: left">                                <img src="<%=contextPath%>/resources/mms/img/32/sound.png" alt="" width="20" height="20" />                                系统公告                            </div>                            <div style="float: right; padding-right: 10px;">>></div>                        </div>                        <div class="welcomebox-content" style="height: 300px;">                                                                                </div>                    </div>                </td> --%>            </tr>            <tr>                <td>                    <div class="welcomebox">                        <div class="welcomebox-title">                            <div style="float: left;">                                <img src="<%=contextPath%>/resources/mms/img/32/hourglass_go.png" alt="" width="20" height="20" />                                定义                            </div>                            <div style="float: right; padding-right: 10px;">>></div>                        </div>                        <div class="welcomebox-content" style="height: 250px; width: 420px">                            <a href="javascript:;" target="_blank">1、</a><br />                            <a href="javascript:;" target="_blank">2、</a><br />                            <a href="javascript:;" target="_blank">3、</a><br />                            <a href="javascript:;" target="_blank">4、</a><br />                            <a href="javascript:;" target="_blank">5、</a><br />                            <a href="javascript:;" target="_blank">6、</a><br />                            <a href="javascript:;" target="_blank">7、</a><br />                            <a href="javascript:;" target="_blank">8、</a><br />                            <a href="javascript:;" target="_blank">9、</a><br />                            <a href="javascript:;" target="_blank">10、</a><br />                        </div>                    </div>                </td>                <td>                    <div class="welcomebox">                        <div class="welcomebox-title">                            <div style="float: left">                                <img src="<%=contextPath%>/resources/mms/img/32/tag_blue.png" alt="" width="20" height="20" />                     系统公告                            </div>                            <div style="float: right; padding-right: 10px;">>></div>                        </div>                        <div class="welcomebox-content" style="height: 250px; width: 420px">                                                   </div>                    </div>                </td>                <td style="">                    <div class="welcomebox">                        <div class="welcomebox-title">                            <div style="float: left">                                <img src="<%=contextPath%>/resources/mms/img/32/clock_32.png" alt="" width="20" height="20" />                               日历板块                            </div>                            <div style="float: right; padding-right: 10px;">>></div>                        </div>                        <div class="welcomebox-content" style="height: 250px;">                        <br>                           <div id="cc" class="easyui-calendar" style="height:200px;"></div>                          </div>                    </div>                </td>            </tr>        </table></body></html>

head.css

@charset "utf-8";/* *{font-size: 9pt;}body {    color: #000000;    font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;    margin: 0;    overflow: hidden;    padding: 0;}div, ul, li, dl, dt, dd, img, h1, h2 {    border: 0 none;    list-style-type: none;    margin: 0;    padding: 0;}body a {    outline: medium none;}img {    border: 0 none;} */#Header {    background: none repeat scroll 0 0 #1e71b1;    height: 70px;    width:100%;}#HeaderLogo {    display: inline;    float: left;    margin-left: 20px;    margin-top: 8px;}#Headermenu {    float: right;    margin-right: 0;}#topnav ul {    position: relative;}#topnav li.list {    display: inline;    float: left;    margin: 3px 12px 0 0;}#topnav li a {    border: 1px solid #1e71b1;    border-radius: 3px;    color: #fff;    display: inline;    float: left;    height: 56px;    overflow: hidden;    padding: 5px 7px 0;    text-align: center;    text-decoration: none;    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);    width: 55px;}#topnav li a:hover {    background: none repeat scroll 0 0 #105488;    border: 1px solid #0f4e7f;}#topnav li a.onnav {    background: none repeat scroll 0 0 #105488;    border: 1px solid #0f4e7f;}#topnav li a span{    display: block;    height: 30px;    margin: 0 auto 2px;    overflow: hidden;    width: 32px;}#topnav li a span.c1 {    background: url(../img/top/n1.png) no-repeat;}#topnav li a span.c2 {    background: url(../img/top/n2.png) no-repeat;}#topnav li a span.c3 {    background: url(../img/top/n3.png) no-repeat;}#topnav li a span.c4 {    background: url(../img/top/n4.png) no-repeat;}#topnav li a span.c5 {    background: url(../img/top/n5.png) no-repeat;}#Headermenu div {    cursor: pointer;    float: left;    height: 50px;    overflow: hidden;    padding-top: 7px;    text-align: center;    text-overflow: ellipsis;    vertical-align: middle;    white-space: nowrap;    width: 50px;    word-break: keep-all;}#Headermenu div img {    margin: 10px 5px 0;    padding-bottom: 5px;    vertical-align: middle;}

bottom.css

@charset "utf-8";/* *{font-size: 9pt;}body {    color: #000000;    font-family:微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;    margin: 0;    overflow: hidden;    padding: 0;}div, ul, li, dl, dt, dd, img, h1, h2 {    border: 0 none;    list-style-type: none;    margin: 0;    padding: 0;}body a {    outline: medium none;} */#botton_toolbar{    background: none repeat scroll 0 0 #f7f7f7;    border-top: 1px solid #ccc;    height: 20px;    line-height: 20px;    margin-top: 1px;    text-align: center;    width: 100%;    line-height: 20px;}.south-separator{    border-left: 1px solid #ccc;    border-right: 1px solid #fff;    margin-left: 3px;    margin-right: 3px;}#botton_toolbar a {    outline: medium none;}#botton_toolbar a:link {    color: #222;    text-decoration: none;}

welcome.css

@charset "utf-8";    .welcomebox{    margin: 0px;    padding: 0px;    min-height: 65px;    height: auto;    border: 1px solid #ccc;}.welcomebox-title{    height: 27px;    line-height: 25px;    text-indent: 7px;    background: url(../img/top/column-header-bg.png) repeat-x;    border-bottom: 1px solid #ccc;}.welcomebox-title img{    padding-bottom: 3px;    vertical-align: middle;}.welcomebox-content{    height: auto;    padding: 7px;    line-height: 20px;}

mmsform.css表格的样式

@charset "utf-8";.form th {text-align: right;}.form th,.form td {padding: 0.3em 0.3em; /* border: 1px solid #D1D7DC;  */}.form input,.form select,.form textarea {width: 150px;}.form input[type='checkbox'],.form input[type='radio'] {width: 20px;}fieldset { border: 1px dotted #D1D7DC; }legend {/* border: 1px solid #D1D7DC; */font-size: small;}

整体样式 mystyle.css

@charset "utf-8";*{font-size: 9pt;}body {    color: #000000;    font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;    margin: 0;    overflow: hidden;    padding: 0;}div, ul, li, dl, dt, dd, img, h1, h2 {    border: 0 none;    list-style-type: none;    margin: 0;    padding: 0;}body a {    outline: medium none;}img {    border: 0 none;}

0 0