2017-09-27 53 views

回答

1
<div class="carousel carousel-slider center" data-indicators="true"> 
    <div class="carousel-fixed-item center"> 
     <a class="btn waves-effect white grey-text darken-text-2">button</a> 
    </div> 
    <div class="carousel-item red white-text" href="#one!"> 
     <h2>First Panel</h2> 
     <p class="white-text">This is your first panel</p> 
    </div> 
    <div class="carousel-item amber white-text" href="#two!"> 
     <h2>Second Panel</h2> 
     <p class="white-text">This is your second panel</p> 
    </div> 
    <div class="carousel-item green white-text" href="#three!"> 
     <h2>Third Panel</h2> 
     <p class="white-text">This is your third panel</p> 
    </div> 
    <div class="carousel-item blue white-text" href="#four!"> 
     <h2>Fourth Panel</h2> 
     <p class="white-text">This is your fourth panel</p> 
    </div> 
    </div> 

的Javascript

$('.carousel.carousel-slider').carousel({fullWidth: true}); 

所以这样的事情?

来源:http://materializecss.com/carousel.html

随着按钮<>:https://codepen.io/Paco_Cervantes/pen/ZLxKpj?q=materialize+carousel&limit=all&type=type-pens

如果你需要一个特定的词前面或编辑让我知道

+0

是的,它是确定的,但我希望把上一个和下一个箭头....让用户轻松知道他/她可以使用滑块确定 – Deivbid

+0

https://codepen.io/Paco_Cervantes/pen/ZLxKpj?q=materialize+carousel&limit=all&type=type-pens 希望对您有所帮助你出 – danny

+0

就是这样......谢谢你很多:)来自委内瑞拉的问候 – Deivbid

相关问题