相信很多网站都用上这特效，本人也分享一下自己做的精仿官方模板里面的特效及实现方法

1.注意把原来官方默认模板中引入的的 j.js 替换成
<script type="text/javascript" src=" "></script>
然后继续加入
<script>$(document).ready(function(){$(".lightbox").lightbox();});</script>
注意红色部分是你的html标签里的class名 下面代码红色部分可以看到.
2.以下代码意思是 读出栏目id为13的带有缩略图flag=p的,其中<a>标签里的title很重要，就是弹出效果后下方显示标题.
  {dede:arclist typeid=13 row=6 flag=p}
      <div class="zuopin_list">    
      <div>[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" :
       "<a href='{@me['litpic']}' class='lightbox' title='{@me['title']}'><img src='{@me['litpic']}' width='190' height='120' onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" onclick="if(this.width>=700) window.open('/uploads/allimg/100718/155K540K-0.jpg');" src="https://www.dedecms8.com/uploads/allimg/100718/155K540K-0.jpg" />