发表于: 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
评论