创新互联Foundation教程:Foundation下拉菜单

Foundation 下拉菜单

Foundation 下拉菜单允许用户从预定义的下拉列表中选取一个值:

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、网页空间、营销软件、网站建设、洛浦网站维护、网站推广。

实例




<
a
href=
"#"
data-dropdown=
"id01"
class=
"button dropdown"
>Dropdown Button
<
/a
>




<
ul
id=
"id01"
data-dropdown-content class=
"f-dropdown"
>

 
<
li
>
<
a
href=
"#"
>Link 1
<
/a
>
<
/li
>

 
<
li
>
<
a
href=
"#"
>Link 2
<
/a
>
<
/li
>

 
<
li
>
<
a
href=
"#"
>Link 3
<
/a
>
<
/li
>


<
/ul
>




<
script
>

$(document).ready(function() {

    $(document).foundation();

})


<
/script
>

尝试一下 »

实例解析

.dropdown 类为按钮添加一个向下的箭头符号"图标。

使用按钮或链接的 data-dropdown="id" 属性来打开下拉菜单。

id 值需要与下拉菜单的内容 (id01) 匹配。

,