发表于: 2020-07-09 22:36:48

1 1195


今天完成的事情:

学习创建节点DOM操作

学习js调试

看js函数

修改css任务8,9,14


遇到的问题:

1.修改任务8中间的轮播图,除了第一张轮播图

第二个轮播图无法手动轮播

代码:

                <div class="row">
                    <div class="col navbar-header">
                        <div id="carousel" data-ride="carousel" class="carousel slide">
                            <!-- 设置轮播点 -->
                            <ol class="carousel-indicators">
                                <li data-target="#carouselContainer" data-slide-to="0" class="active">1</li>
                                <li data-target="#carouselContainer" data-slide-to="1">2</li>
                                <li data-target="#carouselContainer" data-slide-to="2">3</li>
                            </ol>
                            <div class="carousel-inner" style="width: 100%;height: 100%;">
                                <div class="carousel-item active">
                                    <a href="">
                                        <div class="box-next">
                                            <div class="resume">
                                                <div class="box">
                                                    <div class="photo1"></div>
                                                    <h5 class="name">技术顾问:罗大佑</h5>
                                                    <p class="working">
                                                        百度技术总监:互联网基础服务领域,从事虚拟主机,云服务器,域名曾任新网高级技术经理,负责技术研发,团队管理与建设</p>
                                                </div>

                            <!-- 控制左右轮播 -->
                            <a class="carousel-control-prev" href="#carouselContainer" data-slide="prev">
                                <span class="carousel-control-prev-icon"></span>
                            </a>
                            <a class="carousel-control-next" href="#carouselContainer" data-slide="next">
                                <span class="carousel-control-next-icon"></span>
                            </a>


2.不知道如何改变栅格系统轮播点跳动时,所在位置的背景颜色


明天的计划:

修改任务8,9,14的轮播效果

做js任务2



返回列表 返回列表
评论

    分享到