前端框架bootstrap--下拉菜单和滚动监听插件
作者:
lilyping | 来源:发表于
2017-11-23 11:43 被阅读13次

image.png
一、下拉菜单

image.png
例子

例子
效果图

效果图
data-toggle内部容器可以使用,如:下拉菜单
data-toggle,data-target外部容器可以使用 如:弹窗
例子

image.png
效果图

image.png
使用data-*

image.png
例子

image.png
效果图

image.png
触发事件

image.png
例子

image.png
效果图

image.png
基本实例

image.png

image.png

image.png

image.png

image.png
例子

image.png

image.png
效果图

image.png
使用脚本方式定义属性

image.png
用js来代替

image.png
事件绑定在导航上

image.png
例子

image.png
效果图

image.png
删除内容时,刷新下dom,避免导航监听错位

image.png
例子

image.png

image.png
效果图

image.png
本文作者lilyping
越努力,越幸运
原文链接:https://www.jianshu.com/u/3908e601f4ec
微信公众号:BestLilyPing
github:https://github.com/lilyping
Demos源码地址:https://github.com/lilyping
本文标题:前端框架bootstrap--下拉菜单和滚动监听插件
本文链接:https://www.haomeiwen.com/subject/ogfzvxtx.html
网友评论