轻量级的 jquery 自定义弹窗插件用法简单

最新推荐文章于 2024-08-09 07:15:08 发布

i0vv0i

最新推荐文章于 2024-08-09 07:15:08 发布

阅读量497

点赞数

分类专栏： ThinpPHP 文章标签：自定义弹窗弹窗 jquery弹窗

本文链接：https://blog.csdn.net/qq_37780279/article/details/76839469

版权

本文介绍了如何使用 jQuery 开发一款轻量级的自定义弹窗插件，该插件易于集成，操作简单，适用于快速构建网页交互体验。内容包括插件的创建、使用方法及其在网页中的应用示例。

摘要由CSDN通过智能技术生成

jq封装

(function () {
    $.fn.alert = function (e) {     var fn = this;      $(fn).show();
        $(fn).find('i.off').is('.off')?'':$(fn).append('<i class="off" style="cursor:pointer;display:inline-block;font-style:normal;color:#ff0;position:absolute;top:0;right:0;">&times;</i>');
        $(this).css({
            'display': 'block', 'min-width':' 300px', 'min-height':