跟随弹窗插件Dlayer.js
2018-07-06 | 4,360浏览 | 0评论 | 标签:无
运用场景
这是一个适用于pc端的弹窗插件。有3种模式:居中弹窗、跟随鼠标弹窗、自定义位置弹窗。
(本弹窗只提供了基础的框架和方法,自己可以灵活定制。如果想要现成的弹窗,建议使用layui家的弹窗组件。)
演示
使用说明
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相对应。
(本篇完。有疑问欢迎留言探讨)
热门文章
- 微信小程序“拍照识图”上线(63,758)
- YouTube评论翻译插件《油管评论翻译机》上线了(60,289)
- 基金助手--chrome浏览器插件(45,193)
- 拍照识别彩票结果在线工具(31,944)
- vue+tabs动态组件方案漫谈(26,477)
- 《油管评论翻译机》使用说明书(25,339)
- 网页打印插件Print.js(23,978)
- 自用YouTube抓取评论+翻译工具(23,381)
- YouTube评论导出免费在线工具(18,055)
- px转rem/vw方法小结(17,566)