手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

layer弹出框;layer创建弹出框

时间:2024-11-04 00:13:52

1、访问https://layer.layui.com地址,找到绿色下载layer按钮点击进行下载

layer弹出框;layer创建弹出框

2、解压layer文件压缩文件,点击解压后文竭惮蚕斗件夹,找到layer文件夹(注意:由于layer.js文件里面设置好引用的css文件,不要随便修改layer文件夹里面的文件)

layer弹出框;layer创建弹出框
layer弹出框;layer创建弹出框

3、把layer文件复制到新建的项目下

layer弹出框;layer创建弹出框

4、把下载好的jquery.js文件放置到js文件夹下(jquery.js文件需要去官网下载)

layer弹出框;layer创建弹出框

5、打开index.html文件,然后引入jquery-3.3.1.min.js、layer.js文件库

layer弹出框;layer创建弹出框

6、创建弹出框事件。创建script标签,在这个标签里面使用layer创建弹出框功能创建代码:<script> layer.confirm烫喇霰嘴('是否删除勾选内容?', { btn: ['确认','取消'] //按钮 }) </script>

layer弹出框;layer创建弹出框

7、保存html文件,然后使用浏览器打开,即可看到浏览器页面上显示一个弹出框

layer弹出框;layer创建弹出框
© 手抄报圈