在线的效果展示大家可以到这里看一下DEMO
此插件的特点:
插件轻量级,很小巧 功能简单但是很实用 无图片,无须手动加载CSS文件(已在插件中加入了css样式) 弹出的居中层当浏览器窗口大小变化时,仍然居中 参数简单易懂,容易调用,调用时不设参数都可以
下面来说一下这个小插件所接受的参数
参数描述 (1.0版)默认值title弹出层的标题对话框shut弹出层的关闭按钮文字关闭index弹出层的css属性z-index2000opacity弹出层的透明度0.5width弹出层的宽度,默认是自适应的,也可以自己定义(无须加px) auto(自适应)height弹出层的高度,默认是自适应的,也可以自己定义(无须加px) auto(自适应)
下面来说说如何使用:
$(function(){ $('#login').skygqbox();});
这样的话,页面在加载成功之后就会弹出一个登录框。想关闭这个弹出层的话可以这样
$(function(){
$.skygqbox.hide();
});
目前功能还比较简单,还有待进一步扩展。
插件资源已上传。