BootStrap之基礎-4 插件(JS插件)

1、JS插件web


概覽編程

  - 腳本引用ide

      - 依賴於jQuery工具

      - 單個引用spa

      - 所有引用插件

  - 調用方式3d

      - data屬性orm

      - 編程方式blog

  - 事件事件

      - e.preventDefault()


模態框

  - 以彈出對話框的形式出現

wKioL1cDnaeRRKEJAAHnTTF6oDs304.png


工具提示

  - tooltip.js

wKioL1cDngPhOLYeAAAx6NpQzRU095.png

wKiom1cDnXiz1t_RAAEcT1wqcC8744.png


彈出框

  - 彈出框依賴 工具提示插件

wKioL1cDnlHSlWVhAAGAPL4iT-I012.png

過濾效果

  - transaction.js

  - CSS過渡

wKiom1cDndvgyrbaAAHrOjtUF18357.png


下拉菜單

wKiom1cDnffibT_WAAIKWlGoOiY022.png


滾動監聽

wKiom1cDnu2zD4kDAAF_WRWXO20650.png


標籤頁

wKioL1cDoQDgleu9AAAVaEWIxUg120.pngwKiom1cDoGqS6Ia0AAGlWEiNIo4118.png


警告框

wKioL1cDodKCwoWsAAA45Nn0yFA234.pngwKioL1cDoj6ShH_QAADfvMIZnUU953.png

按鈕

wKioL1cDo6fwGR0nAAFZ0ZWgKwE438.png


摺疊框

wKioL1cDpCHxW0RRAAIFMLIp57g735.png


輪播

wKioL1cDpDnDrhuRAACBdl6FUlM795.png


附加菜單

wKiom1cDo6bhjOLHAAF551xREgk788.png


---------------------------------------------------------------------------------------


過濾效果

wKioL1cEwaLgEqz4AAIqvUL4-ko276.png


下拉菜單

wKioL1cEwcmi1iDpAAINlnjMCNs050.png


滾動監聽

wKiom1cEwYfhalcjAAF_f4S3JRc398.png


標籤頁

wKioL1cEwkyxcUiMAAHIBeDYyNo073.png


警告框

wKioL1cEwqTw_cVOAAEhiPZOh1M741.png

按鈕

wKiom1cEwjTSaSCyAAHJQFKhmXE710.png


摺疊框

wKioL1cEwxihrmDBAAKqgfWLYVM133.png


輪播

wKioL1cEwzaQqQPTAAAx8JGShNQ915.png

wKiom1cEwqOyPxUEAABSUAr5GM0198.png



附加菜單

wKiom1cEwr2R9AqgAAFx16KNL5s845.png


總結:本章內容主要介紹了 BootStrap 插件(JS插件)

相關文章
相關標籤/搜索