发表于: 2017-02-11 01:08:37
0 1030
今天完成的事情:
1.首页轮播图完成了大部分,还有点问题需要修改
明天计划的事情:
完成轮播图,开始写搜索职位页面,完成静态页面
遇到的问题:
自己页面写的太慢了,需要多练习下
bootstrap做轮播图左右两边的按钮我修改了下样式,但是不能跳转,还没找到原因。
<a class="carousel-left " data-slide="prev">
<img src="../imgs/mainPage-imgs/carouselleft.png">
</a>
<a class="carousel-right " href="#carousel-example-generic" data-slide="next">
<img src="../imgs/mainPage-imgs/carouselright.png">
</a>
收获:
轮播图代码可以在网上找一个模板,其中轮播图下方的三个快速切换的小圆点代码:
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1" ></li>
<li data-target="#carousel-example-generic" data-slide-to="2" ></li>
</ol>
轮播图切换的前后两个箭头:
<a class="carousel-left " data-slide="prev">
<img src="../imgs/mainPage-imgs/carouselleft.png">
</a>
<a class="carousel-right " href="#carousel-example-generic" data-slide="next">
<img src="../imgs/mainPage-imgs/carouselright.png">
</a>
中间放轮播图的代码
<div class="carousel-inner" role="listbox">
<div class="item active">
写在这里面,可以自己填类名修改样式
评论