-
圖片輪播--輪播圖片的設(shè)計(jì)（二） 主要通過 carousel-inner 來控制其樣式呈現(xiàn)。 bootstrap框架中在每個(gè)圖片上還對(duì)應(yīng)有自己的標(biāo)題和描述內(nèi)容。只要在item中圖片底部添加對(duì)應(yīng)的代碼： <div class="carousel-inner"> <div class="item active"> <a href="##"><img src="http://images3.c-ctrip.com/rk/201407/ll580x145.jpg" alt=""></a> <!-- 圖片對(duì)應(yīng)標(biāo)題和描述內(nèi)容 --> <div class="carousel-caption"> <h3>圖片標(biāo)題</h3> <p>描述內(nèi)容...</p> </div> </div> … </div>查看全部
-
圖片輪播--輪播圖片的設(shè)計(jì)（一） 一個(gè)輪播圖片主要包括三個(gè)部分： 輪播的圖片 輪播圖片的計(jì)數(shù)器 輪播圖片的控制器 在 Bootstrap 框架中，輪播圖片計(jì)數(shù)器，都是以圓點(diǎn)向大家呈現(xiàn)查看全部
-
使用 panel 的 panel-title 做為觸元素，使用panel-body的父元素作為折疊區(qū)； ? 使用一個(gè) panel-group 來包含多個(gè) panel，從而實(shí)現(xiàn)手風(fēng)琴效果； ? 每個(gè) panel 里的觸發(fā)元素都要指定data-parent屬性； ? data-parent 屬性的值對(duì)應(yīng) panel-group樣式元素的ID或者其他樣式標(biāo)識(shí)符； ? 觸發(fā)元素需要指定 data-toggle，并且值為 collapse； ? 觸發(fā)元素都要指定 data-target屬性； ? data-target屬性的值對(duì)應(yīng) panel-body 的父元素的ID或者其他樣式標(biāo)識(shí)符。查看全部
-
手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴（三）: 激活手風(fēng)琴交互行為。需要在標(biāo)題鏈接中自定義兩個(gè)屬性，一個(gè)是data-toggle，并且取值為collapse；另一個(gè)是data-target，取值為各個(gè)面板內(nèi)容區(qū)的標(biāo)識(shí) 定義data-parent屬性，實(shí)現(xiàn)點(diǎn)擊一個(gè)其中一個(gè)元素時(shí)，關(guān)閉所有的折疊區(qū)，再打開所單擊的區(qū)域（如果所單擊區(qū)域是展示的，則會(huì)關(guān)閉）。這個(gè)data-parent取值與手風(fēng)琴面板容器的標(biāo)識(shí)符相匹配，比如這個(gè)例子是指 #myAccordion查看全部
-
手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴（二） 為了把標(biāo)題和內(nèi)容區(qū)捆綁在一起，可以通過錨鏈接的方法，把標(biāo)題區(qū)域和面板區(qū)連在一起： 在Bootstrap框架中，如果你想讓內(nèi)容區(qū)域不可視，只需要在 panel-collapse 樣式上添加 collapse.但有時(shí)候希望默認(rèn)第一個(gè)面板內(nèi)容是可視的,只需要在collapse基礎(chǔ)上再追加 in 樣式.查看全部
-
手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴（一）: 觸發(fā)手風(fēng)琴可以通過自定義的 data-toggle 屬性來觸發(fā)。其中data-toggle值設(shè)置為 collapse，data-target="#折疊區(qū)標(biāo)識(shí)符"。查看全部
-
手風(fēng)琴--手風(fēng)琴結(jié)構(gòu): 在Bootstrap框架中將這兩個(gè)部分組合起來稱為一個(gè)panel頁板, 如果用三個(gè)面板，就用面板組件panel-group 簡(jiǎn)單點(diǎn)就是一個(gè)觸發(fā)器和一個(gè)折疊區(qū)： <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">觸發(fā)器</button> <div id="demo" class="collapse in">折疊區(qū)</div>查看全部
-
按鈕插件--JavaScript用: 1、切換按鈕狀態(tài)（得到焦點(diǎn)）： $("#mybutton").button("toggle") 2、重新恢復(fù)按鈕： $("#mybutton").button("reset") 3、任意參數(shù)： $("#mybutton").button("任意字符參數(shù)名")查看全部
-
按鈕插件--按鈕狀態(tài)切換 使用 data-toggle 屬性還可以激活按鈕的行為狀態(tài)，實(shí)現(xiàn)在激活和未激活之間進(jìn)行狀態(tài)切換。單擊時(shí)將按鈕激活，再單擊可以讓按鈕恢復(fù)到默認(rèn)狀態(tài)： <button type="button" data-toggle="button" class="btn btn-primary">確認(rèn)</button> 注意，這里自定義屬性是 data-toggle="button"，而不是 data-toggle="buttons"。查看全部
-
按鈕插件--模擬復(fù)選按鈕 按鈕組上自定義data-toggle="buttons"來實(shí)現(xiàn)。并將input[type="radio"]換成input[type="checkbox"]查看全部
-
按鈕插件--模擬單選擇按鈕 在Bootstrap框架中按鈕插件中，可以通過給按鈕組自定義屬性data-toggle="buttons" 注：使用這種效果的時(shí)候，無需借助JavaScript代碼來觸發(fā)，因?yàn)槟J(rèn)Bootstrap就已經(jīng)為用戶初始化好了。查看全部
-
按鈕插件--按鈕加載狀態(tài) 通過data-loading-text屬性定義加載的文本信息，然后通過JavaScript給按鈕綁定一個(gè)事件，并給按鈕添加一個(gè)button("loading")方法來激活按鈕的加載狀態(tài)行為。 $(function(){ $("#loaddingBtn").click(function () { $(this).button("loading"); }); }); 注意，無法直接通過聲明式觸發(fā)此效果。查看全部
-
警告框--JavaScript觸發(fā)警告框 $(function(){ $("#close").on("click",function(){ $(this).alert("close"); }); });查看全部
-
警告框--使用聲明式觸發(fā)警告框 如果通過自定義的HTML屬性（聲明式）來觸發(fā)警告框，需要在關(guān)閉按鈕上設(shè)置自定義屬性data-dismiss="alert"查看全部
-
警告框--結(jié)構(gòu)與樣式 警告框插件的效果與警告框的效果在樣式風(fēng)格展示上不同，警告框插件就是在“警示框組件”基礎(chǔ)上添加了一個(gè)關(guān)閉的按鈕，外形上就是一個(gè)X。查看全部
舉報(bào)
0/150
提交
取消