jQuery Countdown Plugin with Animation and Reflection Effects - County

jQuery Countdown Plugin with Animation and Reflection Effects - County
File Size: 39.7 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

County is a simple and easy-to-use jQuery Countdown plugin that enables you to add a countdown timer widget with Animation and Reflection Effects to your webpage.

How to use it:

1. Include necessary files into your head section

<link href="css/county.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/county.js" type="text/javascript"></script>

2. Call the plugin with options

<script type="text/javascript">
        $(document).ready(function () {
            //set width of wrapper;
            $('#black').county({ endDateTime: new Date('2013/12/27 10:00:00'), reflection: true, animation: 'scroll', theme: 'black' });
            $('#fade').county({ endDateTime: new Date('2013/12/27 10:00:00'), reflection: true, animation: 'fade', theme: 'black' });
            $('#no-reflection').county({ endDateTime: new Date('2013/12/27 10:00:00'), reflection: false, animation: 'scroll', theme: 'black' });
        });
</script>

3. Markup

<div id="fade"> </div>

<div id="black"> </div>

<div id="no-reflection"> </div>

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