easyui-layout

index.jsp

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>



管理系统

href="${ctx}/jquery/js/themes/default.css" />
href="${ctx}/jquery/js/themes/default/easyui.css" />





style="overflow: hidden; height: 122px; background: url(images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%; line-height: 20px; color: #fff; font-family: Verdana, 微软雅黑, 黑体">


id="west">


style="background: #eee; overflow-y: auto; height: auto; overflow-x: auto;">



style="height: 30px; background: #D2E0F2;">






FrameTop.jsp

<%@ page contentType="text/html; charset=utf-8" %>
<%@ include file="/commons/taglibs.jsp"%>







管理系统









  

今天是:${nowDate_str} 






easyui-layout为north添加收缩按钮重要代码

重要js
function layoutsetting(){
parent.$('body').layout('collapse','north');
}
css样式
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=45);
-moz-opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;

你可能感兴趣的:(滴水穿石,jquery,easyui-layout,north添加收缩按钮)