两层div

来源:2-3 图片灯箱插件——lightBox

呆呆小志

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?分别是哪两个?

写回答 关注

1回答

  • 唐_Blair
    2017-04-12 17:04:26
    已采纳

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

jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用,加入学习,有效提高前端开发速度

69102 学习 · 416 问题

查看课程

相似问题