简单的网页这招层插件

    技术2022-05-14  1

    在线的效果展示大家可以到这里看一下DEMO

    此插件的特点:

    插件轻量级,很小巧 功能简单但是很实用 无图片,无须手动加载CSS文件(已在插件中加入了css样式) 弹出的居中层当浏览器窗口大小变化时,仍然居中 参数简单易懂,容易调用,调用时不设参数都可以

    下面来说一下这个小插件所接受的参数

    参数描述 (1.0版)默认值title弹出层的标题对话框shut弹出层的关闭按钮文字关闭index弹出层的css属性z-index2000opacity弹出层的透明度0.5width弹出层的宽度,默认是自适应的,也可以自己定义(无须加px) auto(自适应)height弹出层的高度,默认是自适应的,也可以自己定义(无须加pxauto(自适应)

    下面来说说如何使用:

    $(function(){ $('#login').skygqbox();});

    这样的话,页面在加载成功之后就会弹出一个登录框。想关闭这个弹出层的话可以这样

    $(function(){ $.skygqbox.hide(); });

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

    插件资源已上传。


    最新回复(0)