eazsy-ui 按钮样式

.icon-blank 
.icon-add 
.icon-edit 
.icon-remove 
.icon-save 
.icon-cut 
.icon-ok 
.icon-no 
.icon-cancel 
.icon-reload 
.icon-search 
.icon-print 
.icon-help 
.icon-undo 
.icon-redo 
.icon-back 
.icon-sum 
.icon-tip 
.icon-mini-add 
.icon-mini-edit 
.icon-mini-refresh 
.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>

个人公众号：益起走