-
Bootstrap提供了一個單一的文件，這個文件包含了Bootstrap的所有JavaScript插件，即bootstrap.js（壓縮版本：bootstrap.min.js）。為方便單獨導入特效文件，Bootstrap V3.2中提供了12種JavaScript插件 單獨插件的下載可到github去下載（https://github.com/twbs/bootstrap）。查看全部
-
carousel("cycle")：從左向右循環(huán)播放； .carousel("pause")：停止循環(huán)播放； .carousel("number")：循環(huán)到指定的幀，下標從0開始，類似數(shù)組； .carousel("prev")：返回到上一幀； .carousel("next")：下一幀查看全部
-
提示框 tooltip 的默認觸發(fā)事件是 hover 和 focus，而彈出框 popover 是 click 提示框 tooltip 只有一個內容(title)，而彈出框不僅可以設置標題（title）還可以設置內容(content)查看全部
-
<h3>鏈接制作的提示框</h3> <a class="btn btn-primary" data-toggle="tooltip" data-placement="left" title="提示框居左"> 提示框居左 </a> <a href="##" class="btn btn-primary" id="myTooltip"> 我是提示框 </a> <a href="##" class="btn btn-primary" id="myTooltip2"> 我是提示框2 </a> $(function(){ $('[data-toggle="tooltip"]').tooltip(); $('#myTooltip').tooltip({ title:"我是一個提示框，我在頂部出現(xiàn)", placement:'top' }); });查看全部
-
滾動監(jiān)控器--在body中加監(jiān)控 <body data-spy="scroll" data-target="#navbar-menu"> <div class="navbar navbar-default navbar-fixed-top" id="navbar-menu"> </div> <h3 id="blog">Blog</h3> <p>…</p> </body>查看全部
-
彈出框頭部，一般使用“modal-header”表示，主要包括標題和關閉按鈕 彈出框主體，一般使用“modal-body”表示，彈出框的主要內容 彈出框腳部，一般使用“modal-footer”表示，主要放置操作按鈕查看全部
-
動畫過渡（Transitions）:對應的插件文件“transition.js” 模態(tài)彈窗（Modal）:對應的插件文件“modal.js” 下拉菜單（Dropdown）：對應的插件文件“dropdown.js” 滾動偵測（Scrollspy）：對應的插件文件“scrollspy.js” 選項卡（Tab）：對應的插件文件“tab.js” 提示框（Tooltips）：對應的插件文件“tooltop.js” 彈出框（Popover）：對應的插件文件“popover.js” 警告框（Alert）：對應的插件文件“alert.js” 按鈕（Buttons）：對應的插件文件“button.js” 折疊/手風琴（Collapse）：對應的插件文件“collapse.js” 圖片輪播Carousel：對應的插件文件“carousel.js” 自動定位浮標Affix：對應的插件文件“affix.js”查看全部
-
除了這種方法之外，還可以直接在body上進行滾動條監(jiān)控，此時要將滾動監(jiān)控器移到body上，而且導航nav一定要在body內部。如下所示： <body data-spy="scroll" data-target="#navbar-menu"> <div class="navbar navbar-default navbar-fixed-top" id="navbar-menu"> </div> <h3 id="blog">Blog</h3> <p>…</p> </body> 注意：導航條必須設置為頂部固定樣式（navbar-fixed-top）。查看全部
-
第一步：使用滾動監(jiān)控器，首要的條件是在頁面中加載對應的插件。在這里你可以加載合并好的bootstrap.js或者其獨立的插件文件scrollspy.js。這里以加載合并好的js為例： <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 第二步：設計一個帶有下拉菜單的導航條。分別為導航條和下拉菜單項定義一個錨點鏈接，錨點分別為“#blog”,“html”,“#css”,“#sass”,“#js”,“php”,“#about”。同時為導航條定義一個id值“navbar-menu”（id名稱可自由定義），方便滾動監(jiān)控。 第三步：設計監(jiān)控對象。這里將監(jiān)控對象內容都放置在一個div名為scrollspy（這個類名可自由定義）的容器中，其中放了多個子內容框。每個子內容框有一個標題，而且每個標題的ID值與導航菜單項中的錨點鏈接名相對應，并且注意加入“data-target="#navbar-menu"”屬性（這個屬性值要與前面的nav標簽的id名稱保持一致）查看全部
-
趙旭源查看全部
-
$().popover({title:'',content:'',placement:'left|right|top|bottom '})查看全部
-
<a href="#fat">@fat</a> <h4 id="fat"></h4>查看全部
-
data-keyboard="true"按鍵盤Esc鍵會關閉彈出層查看全部
-
在div中添加fade類名查看全部
-
data-toggle="modal" data-target="#..."查看全部
舉報
0/150
提交
取消