当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 插件 人性化的消息显示

Javascript
javascript实例教程(15) 日期函数
javascript实例教程(17) 使用字符串函数
javascript实例教程(18) 数组
javascript实例教程(19) 使用HoTMetal(1)
javascript实例教程(19) 使用HoTMetal(2)
javascript实例教程(19) 使用HoTMetal(3)
javascript实例教程(19) 使用HoTMetal(4)
javascript使图片加载进度实时显示
代码前置时页面输出脚本的要注意的问题|
javascript网页中显示硬盘内容
JS实现仿新浪信息提示效果
Js 按照MVC模式制作自定义控件
滑动展开/收缩广告代码实例效果
JS实现的滑动展开与折叠效果
时钟广告跳转状态栏等JS代码
一个以Javascript+xml的树型列表
target 属性怎么用 JS 来控制?
一组常用的弹出窗口用法总结
冒泡算法的三种JavaScript表示
网页最简短的拖动对象代码实例演示

Javascript 中的 jquery 插件 人性化的消息显示


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 251 ::
收藏到网摘: n/a

本插件基于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的元素,覆盖屏幕(不自动关闭)
有关的参数说明如下图:
Click here to open new window
CTRL+Mouse wheel to zoom in/out
在线演示http://img.ruanchen.com/online/jq_msg/index.html