简单的网页这招层插件

在线的效果展示大家可以到这里看一下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();
});

目前功能还比较简单,还有待进一步扩展。

插件资源已上传。

你可能感兴趣的:(function,css,浏览器,扩展)