這篇文章主要介紹了好用的bootstrap插件有哪些,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
我們提供的服務(wù)有:網(wǎng)站設(shè)計、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、麻陽ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的麻陽網(wǎng)站制作公司
Bootstrap自帶12 jQuery插件,擴展了功能,可以給站點添加更多的互動。即使您不是一名高級的 JavaScript 開發(fā)人員,您也可以著手學(xué)習(xí) Bootstrap 的 JavaScript 插件。
利用 Bootstrap 數(shù)據(jù) API(Bootstrap Data API),大部分的插件可以在不編寫任何代碼的情況下被觸發(fā)。
過渡效果(Transition)插件提供了簡單的過渡效果。
Transition.js 是 transitionEnd 事件和 CSS 過渡效果模擬器的基本幫助器類。它被其他插件用來檢查 CSS 過渡效果支持,并用來獲取過渡效果。
模態(tài)框(Modal)插件
模態(tài)框(Modal)是覆蓋在父窗體上的子窗體。通常,目的是顯示來自一個單獨的源的內(nèi)容,可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。
下拉菜單(Dropdown)插件
使用下拉菜單(Dropdown)插件,您可以向任何組件(比如導(dǎo)航欄、標(biāo)簽頁、膠囊式導(dǎo)航菜單、按鈕等)添加下拉菜單。
滾動監(jiān)聽(Scrollspy)插件
滾動監(jiān)聽(Scrollspy)插件,即自動更新導(dǎo)航插件,會根據(jù)滾動條的位置自動更新對應(yīng)的導(dǎo)航目標(biāo)。其基本的實現(xiàn)是隨著您的滾動,基于滾動條的位置向?qū)Ш綑谔砑?.active class。
標(biāo)簽頁(Tab)插件
標(biāo)簽頁(Tab)通過結(jié)合一些 data 屬性,您可以輕松地創(chuàng)建一個標(biāo)簽頁界面。通過這個插件您可以把內(nèi)容放置在標(biāo)簽頁或者是膠囊式標(biāo)簽頁甚至是下拉菜單標(biāo)簽頁中。
提示工具(Tooltip)插件
當(dāng)您想要描述一個鏈接的時候,提示工具(Tooltip)就顯得非常有用。提示工具(Tooltip)插件是受 Jason Frame 寫的 jQuery.tipsy 的啟發(fā)。提示工具(Tooltip)插件做了很多改進,例如不需要依賴圖像,而是改用 CSS 實現(xiàn)動畫效果,用 data 屬性存儲標(biāo)題信息。
彈出框(Popover)插件
彈出框(Popover)與工具提示(Tooltip)類似,提供了一個擴展的視圖。如需激活彈出框,用戶只需把鼠標(biāo)懸停在元素上即可。彈出框的內(nèi)容完全可使用 Bootstrap 數(shù)據(jù) API(Bootstrap Data API)來填充。該方法依賴于工具提示(tooltip)。
警告框(Alert)插件
警告框(Alert)消息大多是用來向終端用戶顯示諸如警告或確認(rèn)消息的信息。使用警告框(Alert)插件,您可以向所有的警告框消息添加可取消(dismiss)功能。
按鈕(Button)插件
按鈕(Button)在 Bootstrap 按鈕 一章中介紹過。通過按鈕(Button)插件,您可以添加進一些交互,比如控制按鈕狀態(tài),或者為其他組件(如工具欄)創(chuàng)建按鈕組。
折疊(Collapse)插件
折疊(Collapse)插件可以很容易地讓頁面區(qū)域折疊起來。無論您用它來創(chuàng)建折疊導(dǎo)航還是內(nèi)容面板,它都允許很多內(nèi)容選項。
輪播(Carousel)插件
Bootstrap 輪播(Carousel)插件是一種靈活的響應(yīng)式的向站點添加滑塊的方式。除此之外,內(nèi)容也是足夠靈活的,可以是圖像、內(nèi)嵌框架、視頻或者其他您想要放置的任何類型的內(nèi)容。
附加導(dǎo)航(Affix)插件
附加導(dǎo)航(Affix)插件允許指定
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享好用的bootstrap插件有哪些內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細的解決方法等著你來學(xué)習(xí)!