【自适应】Zeexo主题88套样
【城市分站系统源码】带
【自适应】响应式跨境外
【自适应】响应式通信电
实例代码如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="css/layui/css/layui.css" media="all"> <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 --> </head> <body> <a href="javascript:;" onclick="opendlg('百度','http://www.baidu.com',500,600)" class="layui-btn"/></a> <a href="javascript:;" onclick="opendlg('腾讯','http://www.qq.com',500,600)" class="layui-btn"/></a> <a href="javascript:;" onclick="opendlg('新浪','http://www.sina.com.cn')" class="layui-btn"/></a> <a href="javascript:;" onclick="opendlg('网易','http://www.163.com')" class="layui-btn"/></a> </p> <script src="css/layui/layui.js" charset="utf-8"></script> <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 --> <script> layui.use('layer', function(){ //独立版的layer无需执行这一句 var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句 }); function opendlg(title,url,width,height){ if(typeof(width)=='undefined') width=500; if(typeof(height)=='undefined') height=700; layer.open({ type: 2 //此处以iframe举例 ,title: title ,area: [width+'px', height+'px'] ,shade: 0.5 ,content: url }); } </script> </body> </html>
分类栏目
其他教程
[JQ]layui单独弹出iframe批量调用
(元素模板) / 2017-12-06 09:59本文地址：https://www.ys720.com/jiaocheng/1541.html
版权声明：本文采用[BY-NC-SA]协议进行授权,如无特别说明,转载请注明本文地址!