助推器基础教程之Java脚本语言插件篇

助推器提供了12种Java脚本语言插件，包括：

动画过渡过渡

模态情态的

下拉菜单下拉式

滚动侦测Scrollspy

选项卡标签

提示框工具提示

弹出框波波夫

警告框警报

按钮纽扣

折叠倒塌

旋转轮播旋转木马

自动定位浮标词缀

模态弹窗

div class=' modal show ' div class=' modal-dialog ' div class=' modal-content ' div class=' modal-header ' button type=' button ' class=' close ' data-dispose=' modal ' aria-hidden=' true '/button H4 class=' modal-title ' modal标题/h4/divdiv class='modal-body'p这里是弹窗显示的内容../p/div div class=' modal-footer '按钮类型=' button ' class=' BTN BTN-默认'数据-dispose=' modal '关闭/button button type=' button ' class=' BTN BTN-primary ' data-dispose=' modal '保存/按钮/分区/分区/分区/分区

下拉菜单

声明式用法

一般下拉菜单都是在导航条(navbar)和选项卡（选项卡)上实现

div class=' nav bar-default ' id=' nav-example ' a href=' # ' class=' nav bar-brand '项目名称/Aul角色=' navigation ' class=' nav bar-nav ' Li class='下拉'一个数据-切换='下拉' class='下拉' href=' # id=' drop 1 ' Download b class=' caret '/Aul aria-label dby=' drop 1 '角色=' menu ' class='下拉菜单' Li '角色='下拉-菜单'李'角色='

选项卡

% - 导航条选项卡-% ul class=' nav-tab ' lia href=' # home '数据-切换=' tab '主页/a/lilia href=' # profile '数据-切换=' tab '配置文件/a/lilia href=' # messages '数据-切换='选项卡'消息/a/lilia href=' #设置'数据-切换='选项卡'设置/a /li/ul% -选项卡面板- %div类='选项卡-内容' div class='选项卡-窗格活动id='home'home./div div class=' tab-pane ' id=' profile ' profile./div div class=' tab-pane ' id=' messages '消息./divdiv class='选项卡窗格id='设置'设置./分区/分区

提示框

按钮数据-原始-标题='左侧工具提示BTNBTN默认'数据-切换='工具提示'数据-放置='左侧'左侧工具提示/按钮按钮数据-原始-标题='工具提示在顶部' class=' BTN BTN-默认'数据-切换='工具提示'数据-放置='顶部'上方工具提示/按钮按钮数据-原始-标题='底部工具提示' class=' BTN BTN-默认'数据-切换='工具提示'数据-放置='底部'下方工具提示/按钮按钮数据-原始-标题='右侧工具提示'类别=' BTN BTN-默认'数据-切换='工具提示'数据-位置='右侧'右侧工具提示/按钮警告框

div class=' alert alert-警告淡入'按钮数据-misismiss=' alert ' class=' close ' type=' button ' x/button H4警告标题/H4p更改这个和那个，然后尝试阿金。/p/div

折叠

div class=' panel-group ' id=' accordion ' div class=' panel panel-default ' div class=' panel-heading ' H4 class=' panel-title ' a data-toggle=' collapse ' data-parent=' # accordion ' href=' # accordion '触发元素#1/A/h4/divdiv class='面板-折叠折叠in ' id=' collapseOne ' div class='面板-主体'折叠内容.//div/div(9504 . 163.com)

旋转轮播

差异数据-ride=' carouse 1 ' class=' carousel cameraSlide ' id=' container ' %-图片容器-% div class=' carousel-inner ' div class=' item active ' img src=' http : images/banner _ slide _ 01。jpg '/div class=' item ' img src=' http : images/banner _ slide _ 02。jpg '/div div class=' item ' img src=' http : images/banner _ slide _ 03。jpg '/div/div-%圆圈指示符-% ol class=' carousel-indicators ' Li data-slide-to=' 0 ' data-target=' # container ' class=' active '/Lili data-slide-to=' 1 ' data-target=' # container '/Lili data-slide-to=' 2 ' data-target=' # container '/Li/ol %-左右控制按钮- %a数据-幻灯片=' prev ' href=' # container ' class=' left carousel-control ' span=' glyphicon glyphicon-chevron-left '/span/aa数据-幻灯片=' prev ' href=' # container ' class=' right carousel-control ' span class=' glyphicon glyphicon-chevron-right '/span/a/div(9505 . 163.com)

以上所述是小编给大家介绍的助推器基础教程之Java脚本语言插件篇，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！