一款腾讯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" ></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不放在文件同目录无法显示的问题。

相关文章:

  • 2021-05-19
  • 2021-12-06
  • 2021-04-04
  • 2022-01-18
  • 2021-09-08
  • 2021-11-28
  • 2022-02-25
  • 2021-12-20
猜你喜欢
  • 2022-01-14
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-28
  • 2021-09-25
相关资源
相似解决方案