js和css3超酷checkbox复选框美化插件

当前位置:主页 > jQuery库 > 表单 > js和css3超酷checkbox复选框美化插件
js和css3超酷checkbox复选框美化插件
分享:

    插件介绍

    这是一款使用js和css3制作的超酷checkbox复选框美化插件。该checkbox复选框美化插件没有使用图片,纯CSS制作,它可以通过拖动来进行复选框的多选,非常方便,美化效果也是一流的。

    浏览器兼容性

    浏览器兼容性
    时间:12-27
    阅读:
简要教程

这是一款效果超超酷的js和css3 checkbox复选框美化插件。这个checkbox复选框美化插件最大的特点是可以拖动进行复选框的多选,当你选择一个复选框后,按住它往下拖动,下面的复选框也会被选择,非常方便。

注意:这个复选框美化插件只在桌面设备上可以使用。

该复选框美化插件中制作了两个demo,在第一个demo中只是有复选框的基本功能,第二个demo可以拖动进行复选框的多选。

下面是复选框美化插件的初始化事件:

new magicSelection( [selector], {
    // time to start the selection
    onSelectionTime : 300,
    // element "el" is selected
    onSelection : function( el ) {},
    // element "el" is clicked
    onClick : function( el ) {}
    // selection starts (mouse down for [onSelectionTime]ms)
    onSelectionStart : function( ev ) { return false; },
    // selection ends (mouse up)
    onSelectionEnd : function( ev ) { return false; },
} );