官方文檔<http://layer.layui.com/> <https://cdn.bootcss.com/layer/2.3/layer.js> <https://github.com/logoove/jqueryplus/blob/master/layer/layer.css>不需要加載圖片了,已經base64 ~~~ layer.alert('內容'); layer.alert('內容', { icon: 1//1藍色對號 2紅色錯誤 3橙色問號4灰色鎖 5紅色哭臉 }) layer.msg('玩命提示中'); 0文本1密碼2文本域 layer.prompt({title: '請輸入', formType: 0}, function(text, index){ layer.msg(text); }); //詢問框 layer.confirm('您是如何看待前端開發？', { btn: ['重要','奇葩'] //按鈕 }, function(){ layer.msg('的確很重要', {icon: 1}); }, function(){ layer.msg('也可以這樣', { time: 20000, //20s后自動關閉 btn: ['明白了', '知道了'] }); }); //捕獲頁 layer.open({ type: 1, shade: false, title: false, //不顯示標題 content: $('.layer_notice'), //捕獲的元素，注意：最好該指定的元素要存放在body最外層，否則可能被其它的相對元素所影響 cancel: function(){ layer.msg('捕獲就是從頁面已經存在的元素上，包裹layer的結構', {time: 5000, icon:6}); } }); //頁面層 layer.open({ type: 1, skin: 'layui-layer-rim', //加上邊框 area: ['420px', '240px'], //寬高 content: 'html內容' }); layer.tips('Hi，我是tips', '吸附元素選擇器，如#id'); //相冊層 $.getJSON('test/photos.json?v='+new Date, function(json){ layer.photos({ photos: json //格式見API文檔手冊頁 ,anim: 5 //0-6的選擇，指定彈出圖片動畫類型，默認隨機 }); }); //tab層 layer.tab({ area: ['600px', '300px'], tab: [{ title: 'TAB1', content: '內容1' }, { title: 'TAB2', content: '內容2' }, { title: 'TAB3', content: '內容3' }] }); 點擊小圖看大圖 ~~~ $(document).on("click","img.big",function(e){ layer.photos({ photos: { "data": [{"src": e.target.src}] } }); }); ~~~ ~~~