设置

飞行模式
无线局域网
蓝牙
热点(禁用)
位置(禁用)
查看使用说明
如何快速使用
1.引入honeySwitch.css,honeySwitch.js
2.例如:<span class="switch-off"></span>switch-off表示默认关闭,switch-on表示默认开启
如何禁用元素
添加class:switch-disabled.
例如开启禁用:<span>class="switch-on switch-disabled"</span>
例如关闭禁用:<span>class="switch-off switch-disabled"</span>
API
switchEvent方法给元素绑定开启关闭动作执行的内容。需要传入三个参数,第一个是id,字符串类型;第二个匿名函数表示开启执行的内容;第三个匿名函数表示关闭执行的内容。
例如:switchEvent("#id",function(){开啦},function(){关啦});
在项目中,初始化时,需要根据服务器返回的状态值设定开关的显示状态,你可以直接改变class.或者使用honeySwitch.showOn("#id"),honeySwitch.showOff("#id")控制开关显示状态。
主题色
1.默认主题色为绿色,直接使用<script>honeySwitch.themeColor="颜色值";</script>修改默认主题色。
2.定制单个元素主题色,给元素添加themeColor属性
例如:<span class="switch-on" themeColor="颜色值"></span>
大小
可以通过css zoom属性自由定制任意大小,这里不做过多描述。
特色
honeySwitch提供了类似手机switch开关的效果风格,它不仅适用于PC端,也适用于移动端。

适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源:站长素材