两种展示方式,
第一种是页面打开就出现
<script type="text/javascript">
$(function(){
//$.messager.alert("温馨提示","这是一个问题图标","question");
//$.messager.alert("温馨提示","这是一个Error","error");
//$.messager.alert("温馨提示","这是一个消息图标","info");
//$.messager.alert("温馨提示","这是一个警告图标","warning");
})
</script>
第二种是点击按钮后出现
<script type="text/javascript">
function openAlert() {
//$.messager.alert('系统提示','系统即将关闭','error');
//$.messager.alert('系统提示','系统即将关闭','question');
//$.messager.alert('系统提示','系统即将关闭','info');
$.messager.alert('系统提示', '系统即将关闭', 'warning');
};
</script>
</head>
<body>
<div style="padding-top: 200px">
<a id="btn1" href="javascript:void(0)" class="easyui-linkbutton"
data-options="iconCls:'icon-search'" onclick="openAlert()">alert</a>
</div>
</body>
//区别就在于图片而已,我们其实可以自己设置自己喜爱的图片。
//这是图片放置地址:jquery-easyui-1.4.4/themes/icons
//这是图片样式地址:jquery-easyui-1.4.4/themes/icon.css