网站弹出层代码

楼主  收藏   举报   帖子创建时间:  2019-05-05 13:28 回复:0 关注量:754
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>开始使用layer</title>
  6. </head>
  7. <body>
  8. <script src="http://www.eazhijia.com/template/cmsoft_economy_141230/cmsoft/js/jquery.js" type="text/javascript"></script>
  9. <script src="http://res.layui.com/layui/release/layer/dist/layer.js"></script>
  10. <span id="hello3">
  11. <script>
  12.   $('#parentIframe').on('click', function(){
  13.     layer.open({
  14.       type: 2,
  15.       title: '财经日历',
  16.       maXMin: true,
  17.       shadeClose: true, //点击遮罩关闭层
  18.       area : ['800px' , '520px'],
  19.       content: 'http://viewapi.kxt.com/rili/'
  20.     });
  21.   });
  22.   </script>
  23.   </span>
  24.   <li><a id="parentIframe" href="javascript:;">财经日历</a></li>
  25. <script>!function(){for(var i =1;i <=5;i++){new Function($('#hello'+ i).text())();}
  26. }();</script>
  27.   </body>
  28. </html>
打赏