跟随弹窗插件Dlayer.js

2018-07-06 | 4,360浏览 | 0评论 | 标签:无

跟随弹窗插件Dlayer

运用场景

这是一个适用于pc端的弹窗插件。有3种模式:居中弹窗、跟随鼠标弹窗、自定义位置弹窗。
(本弹窗只提供了基础的框架和方法,自己可以灵活定制。如果想要现成的弹窗,建议使用layui家的弹窗组件。)

演示

演示Demo

使用说明

1.引入jQuery、Dlayer.js、Dlayer.css
2.调用方法 Dlayer.open()

参数

//全部参数及默认值:
var my=Dlayer.open({
    width: '400px', //宽
    height: 'auto', //高, 支持auto|px
    content: '', //弹窗内容,支持$(dom)、字符串两种方式
    offset: 'center', //定位类型, 支持center|parent|[100,200],分别为居中、跟随、指定位置
    offsetParent: '', //offset为parent时,跟随的节点名称,如:'#parentDom'
    offsetAdjust: '', //跟随手动偏移量,如:[20,10],表示下移20px,右移10px
    showMask: false, //是否显示遮罩
    maskClose: false, //是否可点击遮罩关闭弹窗
    fixScroll: false, //是否禁止网页滚动
    showBtns: false, //是否显示[确定][取消]按钮
    showTRClose: false, //是否显示右上角关闭按钮
    onReady: function(){}, //弹窗打开后回调
    callback: function(type){} //弹窗关闭后回调, type为0表示取消,为1表示确定
});

//手动关闭弹窗
my.cancel();

//my返回值为随机六位字符串,如:dkko80。此字符串与弹窗的类名Dlayer-dkko80相对应。

(本篇完。有疑问欢迎留言探讨)

留言:

*

* (方便回复通知)

打赏
编辑代码 运行结果
退出