满意答案
mvr9811
2017.11.15
采纳率:57% 等级:5
已帮助:257人
本文实例为大家分享了layui弹出层的具体代码,供大家参考,具体内容如下
弹出层大部分演示都在layer独立组件的官网,与内置的layer模块,用法是完全一致的特殊例子
Layui - 精心为你雕琢
合理搭配,展示不一样的风格', { time: 20000, //20s后自动关闭 btn: ['明白了', '知道了', '哦'] }); } ,notice: function(){ //示范一个公告层 layer.open({ type: 1 ,title: false //不显示标题栏 ,closeBtn: false ,area: '300px;' ,shade: 0.8 ,id: 'LAY_layuipro' //设定一个id,防止重复弹出 ,btn: ['火速围观', '残忍拒绝'] ,moveType: 1 //拖拽模式,0或者1 ,content: '
你知道吗?亲!
layer ≠ layui
layer只是作为Layui的一个弹层模块,由于其用户基数较大,所以常常会有人以为layui是layerui
layer虽然已被 Layui 收编为内置的弹层模块,但仍然会作为一个独立组件全力维护、升级。
我们此后的征途是星辰大海 ^_^
' ,success: function(layero){ var btn = layero.find('.layui-layer-btn'); btn.css('text-align', 'center'); btn.find('.layui-layer-btn0').attr({ href: 'http://www.layui.com/' ,target: '_blank' }); } }); } ,offset: function(othis){ var type = othis.data('type') ,text = othis.text(); layer.open({ type: 1 ,offset: type //具体配置参考:http://www.layui.com/doc/modules/layer.html#offset ,id: 'LAY_demo'+type //防止重复弹出 ,content: '
layer ≠ layui
layer只是作为Layui的一个弹层模块,由于其用户基数较大,所以常常会有人以为layui是layerui
layer虽然已被 Layui 收编为内置的弹层模块,但仍然会作为一个独立组件全力维护、升级。
我们此后的征途是星辰大海 ^_^
'+ text +'
' ,btn: '关闭全部' ,btnAlign: 'c' //按钮居中 ,shade: 0 //不显示遮罩 ,yes: function(){ layer.closeAll(); } }); } }; $('#LAY_demo .layui-btn').on('click', function(){ var othis = $(this), method = othis.data('method'); active[method] ? active[method].call(this, othis) : ''; }); });
01分享举报