bootstrap旋轉(zhuǎn)木馬

 <div id="carousel1" class="carousel slide">
  <div class="carousel-inner">
  
  <div class="item active">
  ![](imges/1.jpg)
  <div class="carousel-caption">
  <h4>標(biāo)題一</h4>
  <p>內(nèi)容描述一</p>
  </div>
  </div>
  
  <div class="item">
  ![](imges/2.jpg)
   <div class="carousel-caption">
  <h4>標(biāo)題二</h4>
  <p>內(nèi)容描述二</p>
   </div>
  </div>
  
  <div class="item">
  ![](imges/3.jpg)
   <div class="carousel-caption">
  <h4>標(biāo)題三</h4>
  <p>內(nèi)容描述三</p>
   </div>
  </div>
  
    <div class="item">
  ![](imges/4.jpg)
   <div class="carousel-caption">
  <h4>標(biāo)題四</h4>
  <p>內(nèi)容描述四</p>
    </div>
  </div>
  
  </div>
  <a href="#carousel1" data-slide="prev" class="left carousel-control"><</a>
  <a href="#carousel1" data-slide="next" class="right carousel-control">></a>
  </div>

div標(biāo)簽:包含carousel-inner類div標(biāo)簽和圖片切換控制按鈕a標(biāo)簽腻格。
-id屬性
-carousel類
-slide類:圖片切換動(dòng)畫效果

-div標(biāo)簽:包含所有圖片及其信息。
-----carousel-inner類

-----div標(biāo)簽:包含單個(gè)圖片及其描述信息岔擂。
---------item類:
---------active類:激活狀態(tài)虑凛,默認(rèn)顯示該圖片梅鹦。
---------div標(biāo)簽:
-------------carousel-caption類:包含圖片描述信息谬返,使圖片描述信息浮于圖片上方丧枪,并有半透明黑色背景光涂。

-a標(biāo)簽 :圖片切換控制按鈕
-----href屬性:含carousel類的父級(jí)div標(biāo)簽的id值
-----data-slide屬性:prev,向左切換圖片;next拧烦,向右切換圖片忘闻。
-----left類:向左切換圖片
-----right類:向右切換圖片
-----carousel-control類
可以按左右切換按鈕,切換圖片恋博。不按按鈕時(shí)齐佳,也可以每隔若干秒,自動(dòng)切換圖片债沮。

旋轉(zhuǎn)木馬圖片輪播

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末炼吴,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子疫衩,更是在濱河造成了極大的恐慌硅蹦,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件隧土,死亡現(xiàn)場(chǎng)離奇詭異提针,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)曹傀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門辐脖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人皆愉,你說(shuō)我怎么就攤上這事嗜价。” “怎么了幕庐?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,083評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵久锥,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我异剥,道長(zhǎng)瑟由,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,640評(píng)論 1 296
  • 正文 為了忘掉前任冤寿,我火速辦了婚禮歹苦,結(jié)果婚禮上青伤,老公的妹妹穿的比我還像新娘。我一直安慰自己殴瘦,他們只是感情好狠角,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著蚪腋,像睡著了一般丰歌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上屉凯,一...
    開(kāi)封第一講書(shū)人閱讀 52,262評(píng)論 1 308
  • 那天立帖,我揣著相機(jī)與錄音,去河邊找鬼神得。 笑死厘惦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的哩簿。 我是一名探鬼主播宵蕉,決...
    沈念sama閱讀 40,833評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼节榜!你這毒婦竟也來(lái)了羡玛?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,736評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宗苍,失蹤者是張志新(化名)和其女友劉穎稼稿,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體讳窟,經(jīng)...
    沈念sama閱讀 46,280評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡让歼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了丽啡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谋右。...
    茶點(diǎn)故事閱讀 40,503評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖补箍,靈堂內(nèi)的尸體忽然破棺而出改执,到底是詐尸還是另有隱情,我是刑警寧澤坑雅,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布辈挂,位于F島的核電站,受9級(jí)特大地震影響裹粤,放射性物質(zhì)發(fā)生泄漏终蒂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望后豫。 院中可真熱鬧悉尾,春花似錦、人聲如沸挫酿。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,340評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)早龟。三九已至,卻和暖如春猫缭,著一層夾襖步出監(jiān)牢的瞬間葱弟,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,460評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工猜丹, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留芝加,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,909評(píng)論 3 376
  • 正文 我出身青樓射窒,卻偏偏與公主長(zhǎng)得像藏杖,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子脉顿,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 第4章 Bootstrap裝飾插件 JavaScript是網(wǎng)頁(yè)上事實(shí)上的腳本語(yǔ)言蝌麸。流行的網(wǎng)頁(yè)功能,例如:漂亮的圖片...
    海上名月閱讀 1,628評(píng)論 5 6
  • 文檔結(jié)構(gòu) 需要使用HTML5文檔結(jié)構(gòu) <!DocType html> 移動(dòng)設(shè)備優(yōu)先 需要在頭部增加 標(biāo)簽 引...
    風(fēng)之帆閱讀 2,479評(píng)論 0 4
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案艾疟? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,759評(píng)論 1 92
  • CSS全局樣式 概覽 移動(dòng)設(shè)備優(yōu)先 布局容器 1来吩、container類用于固定寬度并支持響應(yīng)式布局的容器 2、co...
    VEN_64d6閱讀 1,404評(píng)論 0 1
  • 使用背景 iOS中的交互方式有:delegate,block,target-action,notification...
    未來(lái)行者閱讀 516評(píng)論 0 3