发表于: 2017-02-11 01:08:37

0 1029


今天完成的事情:

   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">

写在这里面,可以自己填类名修改样式



返回列表 返回列表
评论

    分享到