unet 层_GitHub - TopuNet/LayerShow: 弹层显示图片(支持多张)或图文内容

LayerShow 插件 v2.5.4

弹层显示图片(支持多张)或图文内容

安装:npm install TopuNet-LayerShow

文件结构:

1. /widget/lib/LayerShow.js 放入项目文件夹jq(原生规范)或widget/lib(AMD规范)中

2. 如需要jroll,则将/widget/lib/jroll.js 放入项目文件夹inc(原生规范)或widget/lib(AMD规范)中

页面引用:

原生引用

1. 页面底部引用最新版 /inc/Jquery.min.js#1.x.x 或 zepto.min.js

2. 后引用 /inc/jroll.js

3. 后引用 /jq/LayerShow.js

requireJS引用

1. 依赖LayerShow.js和(jquery.min.js#1.x 或 zepto.js),成功后返回对象依赖LayerShow。

2. 如需要jroll,则在页面中依赖jroll

调用方法:

// 创建新LayerShow实例。注意:不要反复的创建实例,每个实例会在show()之后创建一组dom

var layershow = new LayerShow();

// 显示

var opt = {

z_index: 弹层的z-index。图片/图文内容层为z_index+1。默认400

bg_color: 背景层16进制颜色。默认#000000

bg_opacity: 背景层透明度,0~1。默认0.8

showKind: 1-图片 | 2-HTML。默认1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值