网站弹出层代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开始使用layer</title>
</head>
<body>
<script src="http://www.eazhijia.com/template/cmsoft_economy_141230/cmsoft/js/jquery.js" type="text/javascript"></script>
<script src="http://res.layui.com/layui/release/layer/dist/layer.js"></script>
<span id="hello3">
<script>
$('#parentIframe').on('click', function(){
layer.open({
type: 2,
title: '财经日历',
maXMin: true,
shadeClose: true, //点击遮罩关闭层
area : ['800px' , '520px'],
content: 'http://viewapi.kxt.com/rili/'
});
});
</script>
</span>
<li><a id="parentIframe" href="javascript:;">财经日历</a></li>
<script>!function(){for(var i =1;i <=5;i++){new Function($('#hello'+ i).text())();}
}();</script>
</body>
</html>

复制代码

注意：jQuery要在layui.js前面加载