利用layer實現彈出層效果
阿新 • • 發佈：2018-11-26
先看效果：
第一步：下載彈出層外掛
大概這個樣子：
我用的tp5框架，記住要把下載的所有的這些檔案都放在框架裡面：不然會沒樣式！！！！
第二步：程式碼實現
index.html
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script src="__STATIC__/js/jquery-3.3.1.min.js"></script> <script src="__STATIC__/js/layer/layer.js"></script> <body> <form method="post"> <p><input type="text" name="username" id='username'></p> <input type="button" value="提交" id='sub' name='sub' onclick="fun()"> </form> </body> <script type="text/javascript"> function fun() { var username=$('#username').val(); if(username=='') { layer.msg('手機號不能為空', { offset: 't', anim: 2` }); } } </script> </html>
沒用到控制器，直接用檢視就可以測試。
總之：引入html即可使用
更多樣式請看：https://layer.layui.com/
教程完畢：over,over