一款腾讯UED设计的提示插件（使用教程）
这是一款腾讯UED设计的提示插件，看着肯定很眼熟吧，闲话不多说，直接上demo吧。
显示
ZENG.msgbox.show(提示信息,图标类型);
隐藏：
ZENG.msgbox._hide();
几秒后自动隐藏：
ZENG.msgbox.show(提示信息,图标类型,显示时长);
用法很简单，分别引用对应的css和js文件就行了，就像这样：
<link rel="stylesheet" href="msgbox.css" />
<script type="text/javascript" src="msgbox.js"></script>如果有人不想用官方提示的调用方法，想自己写的话，我这里也可以提供HTML代码，是打开文件就可以直接看的，这样HTML部分就已经写好了，JS部分就可以自己去实现了。
<div class="zeng_msgbox_layer_wrap" id="q_Msgbox" style="top:100px;display:block"><span class="zeng_msgbox_layer" style="z-index:10000" id="mode_tips_v2"><span class="gtl_ico_hits"></span>您当前没有任何修改<span class="gtl_end"></span></span></div>
<div class="zeng_msgbox_layer_wrap" id="q_Msgbox" style="top:200px;display:block"><span class="zeng_msgbox_layer" style="z-index:10000" id="mode_tips_v2"><span class="gtl_ico_fail"></span>服务器出错了<span class="gtl_end"></span></span></div>
<div class="zeng_msgbox_layer_wrap" id="q_Msgbox" style="top:300px;display:block"><span class="zeng_msgbox_layer" style="z-index:10000" id="mode_tips_v2"><span class="gtl_ico_succ"></span>恭喜，添加成功！<span class="gtl_end"></span></span></div>
<div style="top:400px;display:block" id="q_Msgbox" class="zeng_msgbox_layer_wrap"><span id="mode_tips_v2" style="z-index:10000" class="zeng_msgbox_layer"><span class="gtl_ico_clear"></span><span class="gtl_ico_loading"></span>正在加载中，请稍后...<span class="gtl_end"></span></span></div>就是这么多了，文件下载地址：点击下载
PS：修改了loading样式，防止出现loading.gif不放在文件同目录无法显示的问题。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2011-09-26 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读