创新互联Foundation教程：Foundation开关
Foundation 开关
开关是在鼠标点击(手指敲击)下在 "On" 和 "Off" 状态下切换：
创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、网站建设、疏勒网络推广、微信小程序、疏勒网络营销、疏勒企业策划、疏勒品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供疏勒建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com
切换开关使用 < 使用 < 尝试一下 » 使用 < 尝试一下 » 可以通过设置单选按钮(radio)来设置单个选项。注意: 注意各个选项的 < < ， 元素的 for 属性需要与 的 id 相匹配：实例
div
class=
"switch"
>
<
input
id=
"mySwitch"
type=
"checkbox"
>
<
label
for=
"mySwitch"
>
<
/label
>
<
/div
>
尝试一下 »
开关大小
.large, .small 或 .tiny 类来设置开关大小：实例
div
class=
"switch large"
>...
<
/div
>
<
div
class=
"switch"
>...
<
/div
>
<
div
class=
"switch small"
>...
<
/div
>
<
div
class=
"switch tiny"
>...
<
/div
>
圆角切换开关
.radius 和 .round 类来设置圆角切换开关：实例
div
class=
"switch"
>...
<
/div
>
<
div
class=
"switch radius"
>...
<
/div
>
<
div
class=
"switch round"
>...
<
/div
>
开关组
name 属性必须一致 (实例中为 "myGroup" )。实例
div
class=
"switch"
>
<
input
id=
"mySwitch1"
type=
"radio"
name=
"myGroup"
>
<
label
for=
"mySwitch1"
>
<
/label
>
<
/div
>
div
class=
"switch"
>
<
input
id=
"mySwitch2"
type=
"radio"
name=
"myGroup"
checked
>
<
label
for=
"mySwitch2"
>
<
/label
>
<
/div
>
尝试一下 »
分享题目：创新互联Foundation教程：Foundation开关
文章链接：http://www.xiwangwangguoyuan.com/article/djjisdj.html