呆呆小志
2017-04-12 10:15
<body>
<div id="divtest">
<div class="title">
<span class="fl">我的相册</span>
</div>
<div class="content">
<div class="divPics">
<ul>
<li><a href="http://img.mukewang.com/52e489f20001ecfc04480275.jpg" title="第1篇风景图片">
<img src="http://img.mukewang.com/52e489f20001ecfc04480275.jpg" alt="" />
</a></li>
<li><a href="http://img.mukewang.com/52e48a1e0001eec804480275.jpg" title="第2篇风景图片">
<img src="http://img.mukewang.com/52e48a1e0001eec804480275.jpg" alt="" />
</a></li>
<li><a href="http://img.mukewang.com/52e48a4c00015ad204480275.jpg" title="第3篇风景图片">
<img src="http://img.mukewang.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?分别是哪两个?
加不加content这个div我觉得其实都没有关系,加了的话,代码更好看点,divPics这个才是灯箱放图片的地方。点击之后出来的隔离层灯箱效果,是jQuery封装好的代码里面通过操作DOM增加出来的,和 content跟divPics没有关系。
jQuery基础(五)一Ajax应用与常用插件
69102 学习 · 416 问题
相似问题