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 相关文章推荐
学习ExtJS form布局
Oct 08 Javascript
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
jquery按回车提交数据的代码示例
Nov 05 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
Sep 10 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 Javascript
Vue.js实例方法之生命周期详解
Jul 03 Javascript
对layui中table组件工具栏的使用详解
Sep 19 Javascript
微信小程序 wxParse插件显示视频问题
Sep 27 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 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语法(1)
2006/10/09 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
PHP经典算法集锦【经典收藏】
2016/09/14 PHP
Javascript 布尔型分析
2008/12/22 Javascript
JavaScript针对网页节点的增删改查用法实例
2015/02/02 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
axios实现简单文件上传功能
2019/09/25 Javascript
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
详解python深浅拷贝区别
2019/06/24 Python
django中瀑布流写法实例代码
2019/10/14 Python
Python 在局部变量域中执行代码
2020/08/07 Python
CSS3的column-fill属性对齐列内容高度的用法详解
2016/07/01 HTML / CSS
Omio葡萄牙:全欧洲低价大巴、火车和航班搜索和比价
2019/02/09 全球购物
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
Java面试题汇总
2015/12/06 面试题
高中生毕业自我鉴定
2013/10/10 职场文书
毕业生物理教师求职信
2013/10/17 职场文书
交通法规咨询中心工作职责
2013/11/27 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
咖啡店创业计划书
2014/08/15 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
2015毕业生自我评价范文
2015/03/02 职场文书
2015年党建工作总结
2015/03/30 职场文书
联欢会开场白
2015/06/01 职场文书
欠条范文
2015/07/03 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript