Animated jQuery Checkbox and Radio Button Replacement - CF

Animated jQuery Checkbox and Radio Button Replacement - CF
File Size: 12.3KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

CF is a lightweight (~2kb unminified) jQuery plugin that enables you to creating clean fresh check boxes and radio buttons with smooth checking animations.

How to use it:

1. Include the required CSS files in the head section of your page.

<link rel="stylesheet" type="text/css" href="assets/css/cf.min.css">
<!-- optional: customize your own way -->
<link rel="stylesheet" type="text/css" href="assets/css/custom-skin-cf.css"> 

2. Create a checkbox on your page.

<form class="demo">
<input type="checkbox" name="demo" />
</form

3. Include the jQuery library and jQuery CF Plugin at the bottom of your page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="assets/js/cf.min.js"></script> 

4. Fire the plugin. That's it.

<script>
(function($) {
$(document).ready(function() {
$('.demo').cf();
});
})(jQuery);
</script> 

This awesome jQuery plugin is developed by elmahdim. For more Advanced Usages, please check the demo page or visit the official website.