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