评论:jQuery弹窗插件  [查看原文]

所属分类:UI-弹出层

 38426  330  18
当前第1页 / 共1页
    养肉肉0
    2019/10/12 16:01:48
    我想在页面上出现两个这样的悬浮窗,应该怎么操作呀
        ELLIPSIS0
        2020/7/16 23:32:12
        我已经懒得维护这个插件了,这是我2年前刚入职的时候练手写的。代码写的太垃圾了,不维护了,所以有特殊需求的自己去源码里缝缝补补的用吧
    回复
    Better0
    2019/6/13 17:13:04
    性能太差了。
        ELLIPSIS0
        2019/9/24 16:12:20
        我也这么认为
    回复
    0
    2019/3/24 21:37:48
    请教能否支持 1.自动屏幕居中;2.关闭窗口放大缩小按钮
        ELLIPSIS1
        2019/3/25 16:37:44
        您可以通过计算动态设置 positionTop: 100, positionLeft: 100 的值来达到居中的目的;放大缩小按钮不想要的话,您可以到源码里找到俩个img标签注释掉即可
    回复
    厦门卤面0
    2018/12/18 15:00:48
    效果很好,很喜欢!
        ELLIPSIS0
        2018/12/19 10:00:30
        谢谢
    回复
    ELLIPSIS0
    2018/11/21 9:18:33
    如何可以改为不用jqB下载啊,我是作者,我想改为免费下载
        天羽恋0
        2018/11/21 13:48:05
        可以提供下其他免费下载地址?谢谢
        ELLIPSIS0
        2018/11/21 13:55:40
        没有其它下载地址哦,这个插件是我自己做的。在ZH我做了笔记,写了拓展插件的感悟,上边是附了源码的,不过没打包,你可以去看看 https://zhuanlan.zhihu.com/p/48039282
        天羽恋0
        2018/11/21 13:58:49
        可不可向您求个打包文件啊
        ELLIPSIS0
        2018/11/21 14:26:20
        没有jq币的小伙伴可以来这里检出一下 https://github.com/hulalalalala/translucent ,记得临走前给我在jq22的插件点个收藏,手有余香。如果jq币有富余,还是在这里下载支持一下作者原创
        天羽恋0
        2018/11/21 14:32:52
        已收藏,谢谢
        天羽恋0
        2018/11/21 14:37:49
        个人觉得关闭按钮提示应完善一个取消就更完美了
        ELLIPSIS1
        2018/11/21 14:46:29

        源码中 closeWindow方法改一下,去掉窗口移除的代码,如下:

        closeWindow: function() {
            var context = this;
            $("#translucent_close").bind("click", function() {
                if (context.config.close !== null && typeof context.config.close === "function") {
                    context.config.close($(".translucent-container"));
                }
                // $(".translucent-container").remove();
            });
        
        },

        然后你在html中调用的时候,关闭回调函数那里,写一个关闭提示窗口,点是的时候再加上窗口移除的代码,我这里是用的layui的提示窗口:

        $body.translucent({
            // height:450,
            width: 400,
            height: 420,
            positionLeft: posLeft,
            positionTop: posTop,
            titleText: "概要信息",
            titleGroundColor: "#3385FF",
            backgroundColor: "#ffffff",
            titleFontColor: "#ffffff",
            titleFontFamily: "Tahoma, Verdana, 宋体",
            opacity: 0.8,
            zIndex: 100,
            textHtml: html,
            close: function($dom) {
                layer.confirm('确定要关闭吗?', {
                    btn: ['确定', '取消'] //按钮
                }, function() {
                    $dom.remove();
                    layer.closeAll();
                    return true;
                }, function() {
                    layer.closeAll();
                    return false;
                }, {
                    icon: "3"
                });
            }
        });
        天羽恋0
        2018/11/21 15:12:03
        完美,谢谢
    回复

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复