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

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

 27932  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('你打开了图片层')
    }
});
相关插件-弹出层,工具提示

jQuery html5爆裂式登录效果

HTML5爆裂式关闭窗口动画登录模板,关闭窗口撕开动画效果。
  弹出层
 51932  576

响应式模态框

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

各种弹窗alert

jquery弹窗
  弹出层
 67311  374

jQuery多功能图片弹窗插件pirobox

点击图片列表中的图片会放大,并可以随意切换
  弹出层
 38086  380

讨论这个项目(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
        图片的问题
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复