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


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3