好用美观的Honey Switch开关切换插件免费下载

一款好用美观的Honey Switch开关切换插件,可用于控制开关按钮,类似手机switch开关的样式风格,不仅适用于PC端,也适用于移动端。

如何快速使用

1.引入honeySwitch.css,honeySwitch.js 
2.例如: 
switch-off表示默认关闭,switch-on表示默认开启

如何禁用元素

添加class:switch-disabled. 
例如开启禁用: 
class=”switch-on switch-disabled” 
例如关闭禁用: 
class=”switch-off switch-disabled”

API

switchEvent方法给元素绑定开启关闭动作执行的内容。需要传入三个参数,第一个是id,字符串类型;第二个匿名函数表示开启执行的内容;第三个匿名函数表示关闭执行的内容。 
例如: 
switchEvent(“#id”,function(){开啦},function(){关啦}); 
在项目中,初始化时,需要根据服务器返回的状态值设定开关的显示状态,你可以直接改变class.或者使用honeySwitch.showOn(“#id”),honeySwitch.showOff(“#id”)控制开关显示状态。

主题色

1.默认主题色为绿色,直接使用修改默认主题色。 
2.定制单个元素主题色,给元素添加themeColor属性 
例如:

大小

可以通过css zoom属性自由定制任意大小,这里不做过多描述。

恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录