jquery 插件 人性化的消息显示


本插件基于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的元素,覆盖屏幕(不自动关闭)
有关的参数说明如下图:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" alt="Click here to open new window CTRL+Mouse wheel to zoom in/out" src="http://omeweb.com/photo/temp/msg/params.jpg" width=716 onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0 resized="true">
在线演示http://img.phpstudy.net/online/jq_msg/index.html



相关阅读:
Linux系统上安装和配置网络设备的方法
基于XTHML标准的DIVCSS布局对SEO的影响
HTML教程:收集的常用的HTML标签(6)
CSS样式表渐进增强的应用
jquery EasyUI的formatter格式化函数代码
ASP进阶之文章在线管理更新(5)
用ASP和SQL实现基于Web的事件日历
SQL Server 2008 数据加载创世界记录
在ASP中用组件检测当前网卡地址的代码
使用JScript遍历Request表单参数集合
如何去掉TabControl控件默认添加的TabPage
什么是Discuz!NT?
js 加载时自动调整图片大小
html编辑器的回车换行问题解决方案
快速导航

Copyright © 2016 phpStudy |