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

本文转自胡尐睿丶博客园博客，原文链接：http://www.cnblogs.com/hooray/archive/2011/09/26/2191770.html，如需转载请自行联系原作者

一款腾讯UED设计的提示插件（使用教程）相关推荐

腾讯测试游戏的软件叫什么,腾讯疯了?一个月内将有七款腾讯旗下的游戏登录手机平台！...
原标题:腾讯疯了?一个月内将有七款腾讯旗下的游戏登录手机平台! 在近日我浏览APP Store是发现新游预告又多了几款腾讯的游戏,其中包括其中包括基于IP改编的<剑网3:指尖江湖>.< ...
40款奇特的名片设计，吸引大家的眼球《上篇》
我们都知道,任何企业如果想成功,品牌的形象是至关重要的.如果您的企业的标志是大胆,有创意和独特的,那么人们会记住你的,这意味着你实现你的目标.你经常会发现很多情况下,向初始的人传递您的详细信息,名片是 ...
40款用于简洁网页设计的光滑英文字体【下】
字体绝对是每一个设计非常重要的部分,设计者总是希望有最好的免费字体,以保持他们字体库的更新.所以今天我要向设计师们分享一组用于简洁网页设计的光滑英文字体.这些免费的字体是适用于各种类型的设计,除了网页 ...
一款轻量级的消息提示插件 —— toastr
toastr是一款轻量级的消息提示插件,基于JQuery,使用简单方便,外观大气漂亮. 点击这里进入toastr在线调试使用点击这里进入toastr官方网站使用效果如下图所示: 插件使用需要引用的 ...
一款优雅的消息提示插件Message.js
Message.js 插件描述: 一款优雅的原生JS页面消息提示插件,兼容性良好,无任何依赖. Git: Gitee | GitHub 插件预览:Message.js 声明: 此插件非笔者原创,笔者只 ...
android ue设计原则,ued设计原则
何为ued设计? 简称UED即User Experience Design(用户体验设计).UED是进行产品策划的主力之一,他们用自己的知识.经验.设计能力拿出设计方案.UED不只是互联网专家,还是行 ...
名片设计欣赏：12款国外优秀名片设计样本
名片--中国古代称名刺,是标示姓名及其所属组织.公司单位和联系方法的纸片.名片也是新朋友互相认识.自我介绍的最快有效的方法.下面的列表向大家展示12款创意的国外名片设计样本. 您可能感兴趣的相关文章 ...
淘宝UED设计流程理解
我们的项目马上就要KICKOFF了,借今天PRD评审的机会和Taobao UED的一位主管聊了一下目前taobao UED的设计流程,以便更好的了解在和UED配合和资源申请的过程中需要的注意点. 以前 ...
一款应用的UI设计是否合格，该如何判断？
UI即User Interface(用户界面)的简称,指的是对软件的人机交互.操作逻辑.界面美观的整体设计.在APP开发中,UI设计是非常重要的一环.优秀的UI设计不仅能使软件更有个性和品位,还会使软 ...

一款腾讯UED设计的提示插件（使用教程）

一款腾讯UED设计的提示插件（使用教程）相关推荐

最新文章

热门文章