js实现弹窗插件功能实例代码分享

前端技术 2023/09/04 JavaScript

目前测试下:支持IE6+ 火狐 谷歌游览器等。

先来看看此组件的基本配置项:如下:

复制代码 代码如下:

this.config = {

 targetCls   :   \'.clickElem\',   // 点击元素
 title:  \'我是龙恩\',      // 窗口标题
 content     :  \'text:<p style=\"width:100px;height:100px\">我是龙</p>\',
 //content            :  \'img:http://www.baidu.com/a.jpg\',
// 窗口内容 {text:具体内容 | id:id名 | img:图片链接 |
 // iframe:src链接} {string} 
 width:  400,      // 内容的宽度
 height      :  300,      // 内容的高度
 theight     :  30,// 标题的高度 默认为30
 drag :  true,     // 是否可以拖动 默认为true
 time :  3000,     // 自动关闭窗口的时间 为空或者\'undefined\'则不关闭
 showBg      :  true,     // 设置是否显示遮罩层 默认为true 遮罩
 closable    :  \'#window-close\', // 关闭按钮
 bgColor     :  \'#000\',   // 默认颜色
 opacity     : 0.5,// 默认透明度
 position    : {
     x: 0,
     y: 0   //默认等于0 居中
 },
 zIndex      :     10000,
 isScroll    : true,      //默认情况下 窗口随着滚动而滚动
 isResize    : true,      // 默认情况下 随着窗口缩放而缩放
 callback    : null//弹窗显示后回调函数

    };

本文地址:https://www.stayed.cn/item/10341

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。