<!DOCTYPE html><html> <head> <meta chart="utf-8"> <title>彈出層</title> <!--獨立組件使用--> <!-- <link rel="stylesheet" type="text/css" href="layui/layer/layer.css"> <script src="layui/js/jquery-3.4.1.min.js" type="text/javascript" chart="utf-8"></script> <script src="layui/layer/layer.js" text="text/javascript" chart="utf-8"></script> --> <!--layui模塊化使用--> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script src="layui/layui.js" text="text/javascript" chart="utf-8"></script> </head> <body> <!-- layui模塊化使用 只需要引入layui的css與js文件，在script中使用layui.u()加載模塊 --> <span>新聞</span> <span>體育</span> <span id="kj">科技</span> <script type="text/javascript"> //加載模塊 layui.u("layer",function(){ var layer = layui.layer; //layer.msg("你好，Layer"); //信息框 /* layer.open({ type : 0, //title：系統消息,fal:不顯示標題 title:fal, title:['標題','color:blue'], //content可以傳入任意的文本或html content: "你好，Layer" }); */ //頁面層 /* layer.open({ type:1, title:"系統消息", content:"<div style='height:200px;width:400px'>你好，Layer</div>" }); */ //iframe /* layer.open({ type:2 , title:"系統消息", //content可以是一個url，如果你不想讓iframe出現滾動條，你還可以content:['url','no'] content:"http://www.163.com" //content:["http:///www.163.com",'no'], //area:'300px':設置寬度，高度自適應，area:['800px','400px']:設置寬高 }); */ //tip層 /* layer.open({ type:4, content:['科技','#kj'] }); */ //layer.alert('哈哈',{icon:1}); //layer.alert('處理失敗',{icon:2}); //layer.alert("處理成功",{icon:6}); //layer.msg('不開心',{icon:5}); /* layer.msg('確定刪除該記錄嗎？',{ time:0, //不自動關閉 btn:['刪除','取消刪除'], //按鈕 yes:function(index){ layer.clo(index); //關閉當前彈出框 layer.msg('記錄已成功刪除',{ icon:6, btn:['處理成功'] }); } }); */ layer.msg('玩命加載中......',function(){ //關閉后操作 layer.msg('(⊙o⊙)？'); }); //layer.load(2); }); </script> </body></html>
本文發布于:2023-02-28 20:13:00，感謝您對本站的認可！
本文鏈接：http://www.newhan.cn/zhishi/a/167766293381685.html
版權聲明：本站內容均來自互聯網，僅供演示用，請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系，我們將在24小時內刪除。
本文word下載地址：iframe滾動條(iframe滾動條隱藏).doc
本文 PDF 下載地址：iframe滾動條(iframe滾動條隱藏).pdf
| 留言與評論（共有 0 條評論） |
