表单/表格
轻量级纯Javascript复选框checkbox动画插件
PetitQ
Checkbix 是一款轻量级的纯 Javascript 复选框 checkbox 动画插件。通过该插件可以使原生的 checkbox 复选框被点击的时候，产生一些有趣的动画效果。
使用方法
在页面中引入 checkbix.min.css 和 checkbix.min/js 文件。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="dist/css/checkbix.min.css">
<script src="dist/js/checkbix.min.js"></script>
HTML 结构
该复选框的基本 HTML 结构如下：
<input id="mycheckbox" type="checkbox" class="checkbix" data-text="Checkbix">
初始化插件
可以通过 Checkbix.init()方法来实例化页面中所有的带 checkbix class 类的复选框。
<script>
Checkbix.init();
</script>
配置参数
通过在
data-text：复选框的显示文本
data-size：复选框的尺寸，可设置为'large'
data-shape：复选框的形状，可设置为'circled'
data-color：复选框的颜色，可设置为'black'，'blue'，'red'，'gray'，'orange'
data-arialabel：自定义 ARIA 标签
多数 data 属性都在 checkbix.css 文件中定义，你也可以自定义自己的样式。
Github 地址：https://github.com/urre/checkbix
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
