Free jQuery Rely Down Plugin: County
jQuery Plugin County is our jQuery plugin after an extended break, and we hope you may take pleasure in this free plugin. It is time for its county! The county is a free jQuery relied on plugin construct with highly powerful jQuery library and loaded with numerous customization choices. It means that you can management the animation, coloration schemes and plenty of different parameters.
Customizing County
jQuery Plugin County provides numerous customization choices utilizing parameters, and by using these parameters, you possibly can’t solely customize the appear and feel of the plugin but also many different features. Right here is the listing of full customization parameters.
- endDateTime: The date and time the place the rely upon down will cease.
- animation: Animation from relying on down aspect, ‘fade’ or ‘scroll.’
- pace: Animation pace for relying on down point, 500 milliseconds default.
- theme: Coloration scheme for rely down, ‘black’, ‘grey’, ‘crimson’ and ‘blue’
- reflection: Whether or not to point out reflection, true/false
- reflectionOpacity: Opacity for reflection, zero.2 default
Utilizing County
Using county is relatively straight ahead, you only want a blocking aspect(e.g. div) and name the county initialization to perform with necessary customization parameters. Listed below are the remote steps.
- Add a reference to newest jQuery library
- Count a reference to county.js
- Add a reference to county.css
Insert next to the pinnacle part of your HTML doc. the code below:
<hyperlink rel="stylesheet" kind="textual content/css" href="css/county.css" />
<script kind="textual content/javascript" src="js/jquery.min.js"></script>
<script src="js/county.js" kind="textual content/javascript"></script>- Add a block aspect in physique of HTML doc
- Name the initializer perform with required parameters and your rely down is prepared
<div id="count-down"></div>
$('#count-down').county();Right here is the entire working instance.
<html>
<head>
<title>County Instance</title>
<hyperlink href="css/county.css" rel="stylesheet" kind="textual content/css" />
<hyperlink href="css/demo.css" rel="stylesheet" kind="textual content/css" />
<script src="js/jquery-1.eight.three.min.js" kind="textual content/javascript"></script>
<script src="js/county.js" kind="textual content/javascript"></script>
<script kind="textual content/javascript">
$(doc).prepared(perform () );
</script>
</head>
<physique>
<div id="my-count-down">
</div>
</physique>
</html>County Countdown Review
- Overall
- Feature Availability
- Customization
- Design Quality
- Flexibility
I was able to find good advice from your blog articles.
😀 Thank you for your interest in eGrappler! If you would like, we can sign you up for our newsletter and keep you up-to-date about the latest free templates you can download ?
Just what I was looking for. Thank you so much. I like it that it is easy to customize.
Hi. thanks for great plugin.
Could you fix an issue? in county.css you have add body, html {font-size: 12px; }. Sometimes it changes font size on site.
This is so amazing.. I would be using this for the launch of my new blog. 🙂
That’s great..!!
Thanks! 🙂
very good Plugin