jquery 插件 人性化的消息显示


Posted in Javascript onJanuary 21, 2008

本插件基于JQ,在IE6,7,FF1.5和Opera9下测试通过
特点:
  1.兼容性非常好
  2.可以覆盖select
  3.使用非常的方便,你如果要在里面显示一些html,以前的做法是把html拼接为一个string(js),可现在你可以可视化的编辑它了
  4.涵盖了基本上很常用的功能
  5.做的仓促,有问题欢迎提出来
列举一些简单的使用:

$('#msg').showMsg({autoMiddle:true})
//居中显示ID为msg的元素,而且过2秒后自动消失

$('#msg').showMsg({autoMiddle:true,time:5000})
//居中显示ID为msg的元素,而且过5秒后自动消失

$('#msg').showMsg({msg:'哈哈,好了',left:0,top:0,time:5000,callback:_alert})
//左上角的地方显示ID为msg的元素,而且过5秒后自动消失,消失后触发回调函数

$("#domMessage").showMsg({autoMiddle:true,coverBody:true,autoClose:false,left:200,top:300});
//居中显示ID为domMessage的元素,覆盖屏幕(不自动关闭)
有关的参数说明如下图:
jquery 插件 人性化的消息显示
在线演示http://img.3water.com/online/jq_msg/index.html

Javascript 相关文章推荐
javascript下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
javascript插入样式实现代码
Feb 22 Javascript
JS实现程序暂停与继续功能代码解读
Oct 10 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
javascript关于运动的各种问题经典总结
Apr 27 Javascript
jquery事件的ready()方法使用详解
Nov 11 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
Dec 08 Javascript
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
May 30 Javascript
vue实现拖拽的简单案例 不超出可视区域
Jul 25 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 Javascript
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 #Javascript
利用js跨页面保存变量做菜单的方法
Jan 17 #Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 #Javascript
JavaScript表单常用验证集合
Jan 16 #Javascript
JavaScript的Cookies
Jan 16 #Javascript
JavaScript中的对象化编程
Jan 16 #Javascript
JavaScript中的事件处理
Jan 16 #Javascript
You might like
php 空格,换行,跳格使用说明
2009/12/18 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
ThinkPHP空模块和空操作详解
2014/06/30 PHP
php定时执行任务设置详解
2015/02/06 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
简单的自定义php模板引擎
2016/08/26 PHP
Jquery下attr和removeAttr的使用方法
2010/12/28 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
控制台报错object is not a function的解决方法
2014/08/24 Javascript
使用mouse事件实现简单的鼠标经过特效
2015/01/30 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
js实现继承的5种方式
2015/12/01 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
JSON的parse()方法介绍
2019/01/31 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
Antd的table组件表格的序号自增操作
2020/10/27 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
用Python进行TCP网络编程的教程
2015/04/29 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
美国在线和移动免费会员制批发零售商:Boxed(移动端的Costco)
2020/01/02 全球购物
2014客服代表实习自我鉴定
2014/09/18 职场文书
公安机关正风肃纪剖析材料
2014/10/10 职场文书
2014年后勤工作总结范文
2014/12/16 职场文书
后备干部推荐材料
2014/12/24 职场文书
导游词之安徽巢湖
2019/12/26 职场文书
PHP策略模式写法
2021/04/01 PHP
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis
MySQL里面的子查询的基本使用
2021/08/02 MySQL