Checkbix是一款轻量级的纯Javascript复选框checkbox动画插件。通过该插件可以使原生的checkbox复选框被点击的时候,产生一些有趣的动画效果。在线预览 源码下载 安装可以通过bower或npm来安装该复选框动画插件。12bower ...
Checkbix是一款轻量级的纯Javascript复选框checkbox动画插件。通过该插件可以使原生的checkbox复选框被点击的时候,产生一些有趣的动画效果。
在线预览 源码下载
安装
可以通过bower或npm来安装该复选框动画插件。
使用方法
在页面中引入checkbix.min.css和checkbix.min/js文件。
HTML结构
该复选框的基本HTML结构如下:
初始化插件
可以通过Checkbix.init()
方法来实例化页面中所有的带checkbix
class类的复选框。
配置参数
通过在<checkbox>
标签中配置各种data-*
属性,可以生成不同类型的复选框。
data-text
:复选框的显示文本。data-size
:复选框的尺寸,可设置为'large'。data-shape
:复选框的形状,可设置为'circled'。data-color
:复选框的颜色,可设置为'black','blue','red','gray','orange'。data-arialabel
:自定义ARIA标签。
多数data属性都在checkbix.css文件中定义,你也可以自定义自己的样式。
checkbix复选框动画插件的github地址为:https://github.com/urre/checkbix。
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:轻量级纯Javascript复选框checkbox动画插件
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。