html代码|弹出图层-弹窗

时间:5个月前   阅读:122
  <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>

一个弹出层示例

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

下一篇:完整网页代码|引导页-导航页源码02款

网友评论