为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(JS插件篇)

  • 单独导入: 为方便单独导入特效文件,Bootstrap V3.2中提供了12种JavaScript插件,他们分别是: ☑ 动画过渡(Transitions):对应的插件文件“transition.js” ☑ 模态弹窗(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” 上述单独插件的下载可到github去下载(https://github.com/twbs/bootstrap)。
    查看全部
  • 无法隐藏
    查看全部
  • $在JS中本身只是一个符号而异,在JS里什么也不是。 但在JS应用库JQUERY的作者将之做为一个自定义函数名了,这个函数是获取指定网页元素的函数,使用非常之频繁,所以好多新手不知道,还以为$是JS的什么特殊语法。 后来,可能有些程序员JQUERY用得多了,发现$这个函数很好用,很方便,所以,在不用JQUERY的情况,一般自己也会自定义一个$函数。 即: function $(Nid){ return document.getElementById(Nid); } 就这么简单(在JSQUERY里可能稍微功能再强大一点,但主要还是我写的这个功能。) 以后在网页就不用每次使用document.getElementById("ID名")来获取元素,只用$('ID名')即可,非常简使了。
    查看全部
  • 1、$("#mymodal").modal("toggle"); toggle 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。 Jquery中toggle用法:$("p").toggle(); 2、动画效果 bootstrap-mini.js <div class="modal fade" id="mymodal"> fade样式增加了动画效果
    查看全部
  • 删除右侧的a标签的data-toggle="dropdown"属性以后再次点击并不能隐藏下拉列表,为什么?
    查看全部
  • <button type="button" class="btn btn-default" id="myPopover">猛击我吧</button> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script> $(function(){ $('#myPopover').popover({ title:"我是弹出框的标题", content:"我是弹出框的内容", placement:"top" }); });
    查看全部
  • 监控对象是包含详细内容的div,不是导航条 data-target指向对应的导航条 需要注意要设置position:relative;才可以看到效果
    查看全部
  • 最后的关闭按钮写在外面,关闭它上面的alert,再点击的话就会关闭它上面的所有alert
    查看全部
  • 弹出框(popover) <script> $(function(){ $('#myPopover').popover({ title:"我是弹出框的标题", content:"我是弹出框的内容", placement:"right" }); }); </script>
    查看全部
  • 模态弹出窗一样,触发下拉菜单方式有两种,一种是属性声明式用法, data-toggle="dropdown"。另一种是JavaScript方法。
    查看全部
  • 哈哈哈做粗来了
    查看全部
  • 冒个泡,哈哈哈。……。……。。……
    查看全部
  • 在每个链接的单击事件中调用tab("show")方法,显示对应的标签面板内容。针对上面的示例,删除HTML中自定义的 data-toggle="tab" 或 data-toggle="pill" 的属性,然后通过下面的脚本来调用:
    查看全部
  • Bootstrap框架中的模态弹出框,分别运用了“modal”、“modal-dialog”和“modal-content”样式,而弹出窗真正的内容都放置在“modal-content”中,其主要又包括三个部分: ☑ 弹出框头部,一般使用“modal-header”表示,主要包括标题和关闭按钮 ☑ 弹出框主体,一般使用“modal-body”表示,弹出框的主要内容 ☑ 弹出框脚部,一般使用“modal-footer”表示,主要放置操作按钮
    查看全部
  • 模态事件
    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!