您的位置：首页 > 产品设计 > UI/UE

7、EasyUI的messager消息提示框组件

2017-12-26 22:40 369 查看

EasyUI的messager消息提示框组件

<script type="text/javascript">
/* 弹出普通消息 */
function showMag(){
$.messager.show({
title:"美国总统奥巴马发来一封邮件",
msg:"请您xxxx年xx月xx日一同参观白宫",
showType:"show",
timeout:2000
});
}
/* 弹出滑动消息 */
function showSlideMsg(){
$.messager.show({
title:"商业领袖马云发来一份邮件",
msg:"请你于xxxx年xx月xx日参加新时代电子商务大会",
showType:"slide",
timeout:2000
});
}
/* 淡入淡出消息 */
function showFadeMsg(){
$.messager.show({
title:"最新消息",
msg:"2017年10月1日正式取消全国漫游费",
showType:"fade",
timeout:2000
});
}
/* 弹出进度条消息 */
function   showProgressMsg(){
$.messager.progress({
title:"正在读取",
msg:"正在读取信息",
interval:500

});
setTimeout(function(){
$.messager.progress('close');
},3000)
}

</script>
</head>
<body>
<input type="button" value="弹出普通消息" onclick="showMag()">
<input type="button" value="弹出滑动消息" onclick="showSlideMsg()()">
<input type="button" value="弹出淡入淡出消息" onclick="showFadeMsg()">
<input type="button" value="弹出进度条消息" onclick="showProgressMsg()">
</body>


内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航