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 相关文章推荐
js特殊字符转义介绍
Nov 05 Javascript
JSON中双引号的轮回使用过程中一定要小心
Mar 05 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
Jun 05 Javascript
理解JavaScript事件对象
Jan 25 Javascript
onclick和onblur冲突问题的快速解决方法
Apr 28 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
Node.js 使用jade模板引擎的示例
May 11 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
Nov 22 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
MySQL修改密码方法总结
2008/03/25 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
php+mysqli实现批量执行插入、更新及删除数据的方法
2015/01/29 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
JQuery选中select组件被选中的值方法
2018/03/08 jQuery
详解Puppeteer 入门教程
2018/05/09 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
jquery操作select常见方法大全【7种情况】
2019/05/28 jQuery
关于小程序优化的一些建议(小结)
2020/12/10 Javascript
Python队列的定义与使用方法示例
2017/06/24 Python
Python实现动态图解析、合成与倒放
2018/01/18 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
python3.7环境下安装Anaconda的教程图解
2019/09/10 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
小学运动会广播稿200字(十二篇)
2014/01/14 职场文书
优秀社区干部事迹材料
2014/02/03 职场文书
活动总结书
2014/05/08 职场文书
四查四看整改措施
2014/09/19 职场文书
员工规章制度范本
2015/08/07 职场文书
分享:关于学习的励志名言赏析
2019/08/16 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
Python list列表删除元素的4种方法
2021/11/01 Python
JS封装cavans多种滤镜组件
2022/02/15 Javascript