eazsy-ui 按钮样式

.icon-blank<br/>
.icon-add<br/>
.icon-edit<br/>
.icon-remove<br/>
.icon-save<br/>
.icon-cut<br/>
.icon-ok<br/>
.icon-no<br/>
.icon-cancel<br/>
.icon-reload<br/>
.icon-search<br/>
.icon-print<br/>
.icon-help<br/>
.icon-undo<br/>
.icon-redo<br/>
.icon-back<br/>
.icon-sum<br/>
.icon-tip<br/>
.icon-mini-add<br/>
.icon-mini-edit<br/>
.icon-mini-refresh<br/>
.icon-添加
.icon编辑
.icon-删除
.icon保存
.icon切
.icon-OK
.icon-没有
.icon-取消
.icon重载
.icon搜索
.icon打印
。图标帮助
.icon-撤消
.icon-重做
.icon回
.icon森
.icon尖
.icon-迷你添加
.icon迷你编辑
.icon迷你刷新

.icon-blank{
background:url('icons/blank.gif') no-repeat center center;
}
.icon-add{
background:url('icons/edit_add.png') no-repeat center center;
}
.icon-edit{
background:url('icons/pencil.png') no-repeat center center;
}
.icon-remove{
background:url('icons/edit_remove.png') no-repeat center center;
}
.icon-save{
background:url('icons/filesave.png') no-repeat center center;
}
.icon-cut{
background:url('icons/cut.png') no-repeat center center;
}
.icon-ok{
background:url('icons/ok.png') no-repeat center center;
}
.icon-no{
background:url('icons/no.png') no-repeat center center;
}
.icon-cancel{
background:url('icons/cancel.png') no-repeat center center;
}
.icon-reload{
background:url('icons/reload.png') no-repeat center center;
}
.icon-search{
background:url('icons/search.png') no-repeat center center;
}
.icon-print{
background:url('icons/print.png') no-repeat center center;
}
.icon-help{
background:url('icons/help.png') no-repeat center center;
}
.icon-undo{
background:url('icons/undo.png') no-repeat center center;
}
.icon-redo{
background:url('icons/redo.png') no-repeat center center;
}
.icon-back{
background:url('icons/back.png') no-repeat center center;
}
.icon-sum{
background:url('icons/sum.png') no-repeat center center;
}
.icon-tip{
background:url('icons/tip.png') no-repeat center center;
}

.icon-mini-add{
background:url('icons/mini_add.png') no-repeat center center;
}
.icon-mini-edit{
background:url('icons/mini_edit.png') no-repeat center center;
}
.icon-mini-refresh{
background:url('icons/mini_refresh.png') no-repeat center center;
}

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Basic EasyLoader - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css"
    href="http://www.java1234.com/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
    href="http://www.java1234.com/jquery-easyui-1.3.3/themes/icon.css">
<link rel="stylesheet" type="text/css"
    href="http://www.java1234.com/jquery-easyui-1.3.3/demo/demo.css">
<script type="text/javascript"
    src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript"
    src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
    src="http://www.java1234.com/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
        <div id="tb"><select><option>请选择</option><option>1</option></select></div>
        <input type="radio" title="语文" />
    <div id="dd">Dialog Content.</div>
</body>
<script type="text/javascript">
    $('#dd').dialog({
        title : 'title',
        width : 500,
        height : 500,
        collapsible : true,//可以向上收缩
        minimizable : false,//大写固定
        closed : false,
        cache : false,
        maximizable : true,//最大化,最小化
        resizable : true,//可以缩大
//         toolbar : [ {
//             text : 'add',
//             iconCls : 'icon-edit',
//             handler : show
//         }, {
//             text : 'remove',
//             iconCls : 'icon-remove',
//             handler : function() {
//                 alert("remove")
//             }
//         } ],
        toolbar:"#tb",
        href : 'get_content.php',
        modal : true
    });
    $('#dd').dialog('refresh', 'new_content.php');
    function show() {
        $.post("", {}, function() {
            alert("ok")
        });
    }
</script>
</html>

个人公众号:益起走

hi

原文地址:https://www.cnblogs.com/javaweb2/p/6284566.html