表单/表格

轻量级纯Javascript复选框checkbox动画插件

阿里云


Checkbix 是一款轻量级的纯 Javascript 复选框 checkbox 动画插件。通过该插件可以使原生的 checkbox 复选框被点击的时候,产生一些有趣的动画效果。

使用方法

在页面中引入 checkbix.min.css 和 checkbix.min/js 文件。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" href="dist/css/checkbix.min.css">
  2. <script src="dist/js/checkbix.min.js"></script>

HTML 结构

该复选框的基本 HTML 结构如下:

  1. <input id="mycheckbox" type="checkbox" class="checkbix" data-text="Checkbix">

初始化插件

可以通过 Checkbix.init()方法来实例化页面中所有的带 checkbix class 类的复选框。

  1. <script>
  2.     Checkbix.init();
  3. </script>

配置参数

通过在标签中配置各种 data-*属性,可以生成不同类型的复选框。

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

轻量级纯 Javascript 复选框 checkbox 动画插件

已有 443 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!