layer弹出层

个人觉得风格不错的,所以收藏下来:

layer.open({title: '提示',offset: '100px',skin: 'layui-layer-lan',content:'这是一个open弹出框',time: 3000});
layer.open({
  type: 1 //Page层类型
  ,area: ['500px', '300px'] //弹出层大小
  ,title: '你好,layer。'
  ,shade: 0.6 //遮罩透明度
  ,maxmin: true //允许全屏最小化
  ,anim: 1 //0-6的动画形式,-1不开启
  ,offset: '100px'
  ,skin: 'layui-layer-lan'
  ,time: 1000*3  // 3秒后自动关闭(open,confirm,msg等通用)
  ,content: '<div style="padding:50px;">这是一个非常普通的页面层,传入了自定义的html</div>'
});    
layer.alert('墨绿风格,点击确认看深蓝', {
  skin: 'layui-layer-molv' //样式类名
  ,closeBtn: 0
}, function(){
  layer.alert('偶吧深蓝style', {
    skin: 'layui-layer-lan'
    ,closeBtn: 0
    ,anim: 4 //动画类型
  });
});

猜你喜欢

转载自www.cnblogs.com/xiehongwei/p/9073270.html