轻量级自适应屏幕弹窗插件(原创)

所属分类:UI-弹出层,工具提示

 27991  309  查看评论 (4)
分享到微信朋友圈
X
轻量级自适应屏幕弹窗插件(原创) ie兼容10

更新时间:2019/1/21 上午11:00:00

更新说明:Version:  pro 1.10x

新增了图片循环展示功能优化了图片初始化方法优化了加载层和消息层的定位问题新增了滚轮控制翻页方法,兼容IE,Firefox等优化了代码可阅读性,更多更详细的注释,方便大家阅读本次更新到此结束,如果你有更好的意见或者建议,请在下方留言告诉我哦~


发布时间:2019-1-17 9:48

使用方法

首先引入css

<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
<link rel="stylesheet" href="layAway.css">

引入js:

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="layAway.js"></script>

消息层用法:

lay({
    type: 'msg',
    content: 'Hello World!',
    closeOther: true,
    icon: 'comment-o', // 图标库为fontawesome,不需要加fa前缀
    before: function() {
        console.log('你打开了弹窗')
    }
});

加载层用法:

lay({
    type: 'load',
    before: function() {
        console.log('你打开了加载层')
    }
});

图片层用法:

lay({
    type: 'image',
    content: 'xxx.png',
    before: function() {
        console.log('你打开了图片层')
    }
});
相关插件-弹出层,工具提示

响应式模态框

简洁、弹出效果好的响应式模态框,适用移动端
  弹出层
 37330  436

jquery 弹出层

多功能表单弹出层插件,可自定义,附带可运行
  弹出层
 98586  718

各种弹窗alert

jquery弹窗
  弹出层
 67384  374

jQuery弹出层插件

可无限次弹出,自己设置大小,手动调整大小都可(相比于layer.js要轻量)
  弹出层
 39553  318

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

    程贫 0
    2019/4/29 15:59:45
    放入项目后,那个Close颜色改不了,单独运行又可以改颜色。不知是否是bootstrap4的缘故吗?
        深渊0
        2019/5/15 14:40:17
        有可能,你在颜色后面加个!important试试?
    回复
    神破 0
    2019/1/18 2:10:57
    手机上图片比例就变了
        深渊0
        2019/1/19 9:27:01
        图片的问题
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复