jQuery两种点击图片放大浮层效果js代码 - 大咖技术

浏览人数：223 更新时间：2021-02-05 所属栏目：源码大全

两种js点击图片放大浮层效果，增加网站美观

20210120022242799

可引用托管js与css

<pre class="wp-block-code"><code><link href="https://cdn.52y.fun/lanrenzhijia.css" type="text/css" rel="stylesheet" />
 <script src="https://cdn.52y.fun/jquery.min.js"></script>
<script src="https://cdn.52y.fun/jquery.imgbox.pack.js"></script>
  
<a id="example1" href="https://s3.ax1x.com/2021/01/20/sRwhef.jpg" target="_blank"><img src="https://s3.ax1x.com/2021/01/20/sRwhef.jpg"></a>
<a id="example2" href="https://s3.ax1x.com/2021/01/20/sRwhef.jpg" target="_blank"><img src="https://s3.ax1x.com/2021/01/20/sRwhef.jpg"></a>
<script>
$(function(){
  $("#example1").imgbox();
  $("#example2").imgbox({
    'speedIn'    : 0,
    'speedOut'    : 0,
    'alignment'    : 'center',
    'overlayShow'  : true,
    'allowMultiple'  : false
  });
});
</script></code></pre>