Bootstrap 幻灯片效果
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap 幻灯片效果
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!--輪播圖--><div class="container"><div class="carousel slide" id="slidershow" data-ride="carousel" data-interval="2000" style="margin-top:70px"><!--計(jì)數(shù)器--><ol class="carousel-indicators"><li class="active" data-target="#slidershow" data-slide-to="1"></li><li data-target="#slidershow" data-slide-to="2"></li><li data-target="#slidershow" data-slide-to="3"></li><li data-target="#slidershow" data-slide-to="4"></li><li data-target="#slidershow" data-slide-to="5"></li></ol><!--圖片容器--><div class="carousel-inner"><div class="item active"><img src="~/fonts/p6.jpg"/><!--添加對應(yīng)標(biāo)題和內(nèi)容--><div class="carousel-caption"><h1>創(chuàng)新●人和●競成</h1><span>內(nèi)容</span></div></div><div class="item"><img src="~/fonts/p7.jpg" /><!--添加對應(yīng)標(biāo)題和內(nèi)容--><div class="carousel-caption"><h1>創(chuàng)富●均衡●永續(xù)</h1><span>內(nèi)容</span></div></div><div class="item"><img src="~/fonts/p8.jpg" /><!--添加對應(yīng)標(biāo)題和內(nèi)容--><div class="carousel-caption"><h1>求實(shí)●求新●求質(zhì)●求效</h1><span>內(nèi)容</span></div></div><div class="item"><img src="~/fonts/p9.jpg" /><!--添加對應(yīng)標(biāo)題和內(nèi)容--><div class="carousel-caption"><h1>創(chuàng)造財(cái)富●成就員工●回饋社會</h1><span>內(nèi)容</span></div></div><div class="item"><img src="~/fonts/p10.jpg" /><!--添加對應(yīng)標(biāo)題和內(nèi)容--><div class="carousel-caption"><h1>老老實(shí)實(shí)做人●踏踏實(shí)實(shí)做事</h1><span>內(nèi)容</span></div></div><!--輪播導(dǎo)航--><a href="#slidershow" data-slide="prev" class="left carousel-control"><span class="glyphicon glyphicon-chevron-left"></span></a><a href="#slidershow" data-slide="next" class="right carousel-control"><span class="glyphicon glyphicon-chevron-right"></span></a></div></div></div>
?
總結(jié)
以上是生活随笔為你收集整理的Bootstrap 幻灯片效果的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ASP.NET MVC 多语言开发简单案
- 下一篇: android跑分和ios,手机:苹果V