Foundation 下拉菜单允许用户从预定义的下拉列表中选取一个值：
Dropdown Button Link 1 Link 2 Link 3 $(document).ready(function() { $(document).foundation();})
.dropdown 类为按钮添加一个向下的箭头符号"图标。
.dropdown
使用按钮或链接的 data-dropdown="id" 属性来打开下拉菜单。
data-dropdown="id"
id 值需要与下拉菜单的内容 (id01) 匹配。
在
.f-dropdown
data-dropdown-content
最后初始化 Foundation JS。
注意: 在小屏幕上，所有的下拉菜单的宽度是100%。
使用 .tiny, .small, .medium, .large 或 .mega 来修改下拉菜单的宽度。
.tiny
.small
.medium
.large
.mega
.. .. .. ..
可以使用 .content 类为下拉菜单添加内边距：
.content
.. ..
Dropdown Button Paris Title Some text.. some text.. Paris, je t'aime.
Some text.. some text..
Paris, je t'aime.
默认情况下下拉菜单在底部，可以通过添加 data-options="align:left|right|top" 来修改其方向：
data-options="align:left|right|top"
RightTopBottomLeft
默认情况下，下拉菜单在点击按钮后显示。如果你需要在鼠标移动上去后显示，可以在按钮上使用 data-options="is_hover:true" 属性:
data-options="is_hover:true"
Hover over me Link 1 Link 2 Link 3
我们可以在按钮上添加 .split 类来设置一个分割效果的按钮，分割后会在 元素上生成一个方向向下的图标按钮:
.split
Split Button Link 1 Link 2 Link 3 $(document).ready(function() { $(document).foundation();})
帮助他人，成就自己。
人生最大成功就是伸出热情而温暖的双手，尽自己所能去帮助身边的每一个人，只要无私的奉献，就会收获到美好的生活。
1024问感谢每一位朋友的帮助和支持。