兩層div
<body>
? ? ? ? <div id="divtest">
? ? ? ? ? ? <div class="title">
? ? ? ? ? ? ? ? <span class="fl">我的相冊</span>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="content">
? ? ? ? ? ? ? ? <div class="divPics">
? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? <li><a title="第1篇風景圖片">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//52e489f20001ecfc04480275.jpg" alt="" />
? ? ? ? ? ? ? ? ? ? ? ? </a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a title="第2篇風景圖片">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//52e48a1e0001eec804480275.jpg" alt="" />
? ? ? ? ? ? ? ? ? ? ? ? </a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a title="第3篇風景圖片">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//52e48a4c00015ad204480275.jpg" alt="" />
? ? ? ? ? ? ? ? ? ? ? ? </a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $(".divPics a").lightBox(
? ? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? overlayBgColor: "#666", //圖片瀏覽時的背景色
? ? ? ? ? ? ? ? ? ? overlayOpacity: 0.5, //背景色的透明度
? ? ? ? ? ? ? ? ? ? containerResizeSpeed: 600 //圖片切換時的速度
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
為什么要加content，divPics兩層div？分別是哪兩個？
2017-04-12
加不加content這個div我覺得其實都沒有關系，加了的話，代碼更好看點，divPics這個才是燈箱放圖片的地方。點擊之后出來的隔離層燈箱效果，是jQuery封裝好的代碼里面通過操作DOM增加出來的，和 content跟divPics沒有關系。