为了账号安全,请及时绑定邮箱和手机立即绑定

两层div

<body>

        <div id="divtest">

            <div class="title">

                <span class="fl">我的相册</span>

            </div>

            <div class="content">

                <div class="divPics">

                    <ul>

                        <li><a href="http://img1.sycdn.imooc.com//52e489f20001ecfc04480275.jpg" title="第1篇风景图片">

                            <img src="http://img1.sycdn.imooc.com//52e489f20001ecfc04480275.jpg" alt="" />

                        </a></li>

                        <li><a href="http://img1.sycdn.imooc.com//52e48a1e0001eec804480275.jpg" title="第2篇风景图片">

                            <img src="http://img1.sycdn.imooc.com//52e48a1e0001eec804480275.jpg" alt="" />

                        </a></li>

                        <li><a href="http://img1.sycdn.imooc.com//52e48a4c00015ad204480275.jpg" 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?分别是哪两个?

正在回答

1 回答

加不加content这个div我觉得其实都没有关系,加了的话,代码更好看点,divPics这个才是灯箱放图片的地方。点击之后出来的隔离层灯箱效果,是jQuery封装好的代码里面通过操作DOM增加出来的,和 content跟divPics没有关系。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号