-
滾動(dòng)監(jiān)控器 插件源文件：scrollspy.js，該插件可以自動(dòng)檢測(cè)滾動(dòng)條到達(dá)哪個(gè)位置，然后在需要高亮的菜單元素上加了一個(gè)“active”樣式 1、當(dāng)用戶鼠標(biāo)滾動(dòng)時(shí)，滾動(dòng)條的位置會(huì)自動(dòng)更新導(dǎo)航條中相應(yīng)的導(dǎo)航項(xiàng)。 2、用戶拖動(dòng)滾動(dòng)條，當(dāng)滾動(dòng)到@mdo時(shí)，上面的@mdo導(dǎo)航項(xiàng)就會(huì)高亮顯示：查看全部
-
下拉菜單--JavaScript觸發(fā)方法 使用JavaScript調(diào)用dropdown()方法后，單擊激活按鈕，會(huì)彈出下拉菜單，再次單擊的時(shí)候會(huì)收起下拉菜單。還可以使用參數(shù)“toggle”。不過(guò)使用該參數(shù)，每次單擊都要兩次toggle，就會(huì)一直是一個(gè)不變的狀態(tài)。 如果需要使用參數(shù)“toggle”，也建議使用jQuery的one方法： $(".dropdown-toggle").one("click",function(){ $(this).dropdown("toggle"); })查看全部
-
下拉菜單--屬性聲明式方法: 被點(diǎn)擊的菜單項(xiàng)鏈接或按鈕需要添加自定義屬性 data-toggle="dropdown" 實(shí)現(xiàn)下拉菜單原理： Dropdown插件加載時(shí)，對(duì)所有帶 有“data-toggle=dropdown”樣式的元素綁定了事件，用戶單擊帶有“data-toggle=dropdown”樣式的鏈接或按鈕時(shí)， 會(huì)觸發(fā)JavaScript事件代碼。當(dāng)用戶點(diǎn)擊帶有“data-toggle=dropdown”樣式的鏈接或按鈕時(shí)，下拉菜單的父容器（上面的示例是 “<li class="dropdown">”）會(huì)添加一個(gè)open類名，此時(shí)下拉菜單顯示；再次單擊時(shí)，JavaScript會(huì)刪除剛添加的open類 名，此時(shí)下拉菜單將隱藏。查看全部
-
<!--代碼任務(wù)部分--> <ul class="nav nav-pills"> <li><a href="##">教程</a></li> <li class="active"><a href="##">前端論壇</a></li> <li><a href="##" data-toggle="dropdown" class="dropdown-toggle" role="button" id="tutoria2">關(guān)于我們<b class="caret"></b></a> <ul class="dropdown-menu" role="menu" aria-labelledby="tutoria2"> <li role="presentation"><a href="##">CSS3</a></li> <li role="presentation"><a href="##">HTML5</a></li> <li role="presentation"><a href="##">Sass</a></li> </ul> </li> </ul>查看全部
-
<div id="viewPort-header" class="result-triggers"> <a href="javascript:;" id="js-toggle-width" class="result-toggle result-toggle-width" ><i></i><span>全屏</span></a> <a href="javascript:;" id="js-toggle-vsb" class="result-toggle result-toggle-vsb" ><i></i><span>運(yùn)行結(jié)果</span></a> </div>查看全部
-
toggle $(“#mymodal”).modal(“toggle”) 觸發(fā)時(shí)，反轉(zhuǎn)模態(tài)彈出窗的狀態(tài)。如果模態(tài)彈出窗是顯示的，則關(guān)閉；反之，如果模態(tài)彈出窗是關(guān)閉的，則顯示查看全部
-
<script> $(function(){ $(".btn").click(function(){ $("#mymodal").modal({ // show:true, keyboard:true // backdrop:'static' }); }); }); </script>查看全部
-
設(shè)計(jì)輪播圖片計(jì)數(shù)器。在容器 div.carousel 的內(nèi)部添加輪播圖片計(jì)算器，采用 carousel-indicators 樣式，其主要功能是顯示當(dāng)前圖片的播放順序(有幾張圖片就放置幾個(gè)li)，一般采用有順列表來(lái)制作： <div id="slidershow" class="carousel"> <!-- 設(shè)置圖片輪播的順序 --> <ol class="carousel-indicators"> <li class="active">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> ... </ol> </div>查看全部
-
個(gè)面板的內(nèi)容區(qū)都被隱藏起來(lái)了，變成不可視，但有時(shí)候希望默認(rèn)第一個(gè)面板內(nèi)容是可視的，需要怎么辦？其實(shí)Bootstrap作者早就為大家做了這方面的考慮，你只需要在collapse基礎(chǔ)上再追加 in 樣式查看全部
-
data-toggle="collapse" data-target="#demo"查看全部
-
簡(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>查看全部
-
collapse in設(shè)置面板初始化狀態(tài)為展開(kāi)狀態(tài)查看全部
-
手風(fēng)琴最關(guān)鍵的部分，就是每個(gè)標(biāo)題對(duì)應(yīng)有一個(gè)內(nèi)容，在Bootstrap框架中將這兩個(gè)部分組合起來(lái)稱為一個(gè)panel頁(yè)板，如右邊效果所示，他就有三個(gè)panel面板，將這三個(gè)面板組合在一起，就是一個(gè)面板組合 panel-group，也就是手風(fēng)琴的結(jié)構(gòu)。查看全部
-
各部分層級(jí)關(guān)系：panel-group>>panel|panel|...|panel>>panel-heading(panel-title)|panel-collapse(panel-body)查看全部
-
把“手風(fēng)琴”看作是面板的集合組：div class="panel-group"查看全部
舉報(bào)
0/150
提交
取消