这是一款腾讯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" ></span></span></div> <div class="zeng_msgbox_layer_wrap" ></span></span></div> <div class="zeng_msgbox_layer_wrap" ></span></span></div> <div style="top:400px;display:block" ></span></span></div>
就是这么多了,文件下载地址:点击下载
PS:修改了loading样式,防止出现loading.gif不放在文件同目录无法显示的问题。