html代码|弹出图层-弹窗(html弹出框代码)

时间:2021-05-29 15:26:33   阅读:699
  <meta charset="utf-8">


   <a  id="gengxin"rel="nofollow">弹出示例</a>
 <!-- 层 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js"></script> <!-- 层 -->
  <script>
  
   $('#gengxin').on('click', function() {
         
layer.open({
  type: 2,
  title: false,
  closeBtn: 1, //不显示关闭按钮
  shade: [0],
  area: ['150px', '50px'],
  offset: 'auto', //右下角弹出
  time: 2000, //2秒后自动关闭
  anim: 2,
  content: ['http://www.hpjyfuzhu.cn/dongtai.php', 'no'], //iframe的url,no代表不显示滚动条
 
});

   
        });
 </script>

一个弹出层示例

html代码|弹出图层-弹窗(html弹出框代码)

上一篇:js代码|弹窗-弹出-弹层必要代码(js的弹窗代码)

下一篇:代刷代码|装饰和修改综合文章(代刷网代码装修教程)

网友评论