83 lines
2.8 KiB
HTML
83 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>jQuery kCounter Plugin Demos</title>
|
|
|
|
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="style.css" class="cssfx">
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
|
|
|
<script src="js/kcounter.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="jquery-script-menu">
|
|
<div class="jquery-script-center">
|
|
<ul>
|
|
<li><a href="http://www.jqueryscript.net/time-clock/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter.html">Download This Plugin</a></li>
|
|
<li><a href="http://www.jqueryscript.net/">Back To jQueryScript.Net</a></li>
|
|
</ul>
|
|
<div class="jquery-script-ads"><script type="text/javascript"><!--
|
|
google_ad_client = "ca-pub-2783044520727903";
|
|
/* jQuery_demo */
|
|
google_ad_slot = "2780937993";
|
|
google_ad_width = 728;
|
|
google_ad_height = 90;
|
|
//-->
|
|
</script>
|
|
<script type="text/javascript"
|
|
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
|
|
</script></div>
|
|
<div class="jquery-script-clear"></div>
|
|
</div>
|
|
</div>
|
|
<h1 style="margin-top:150px;">jQuery kCounter Plugin Demos</h1>
|
|
<div id="example1" class="example">1024</div>
|
|
<script>
|
|
$(function(){
|
|
|
|
var num = 1024 ;
|
|
// initialise
|
|
$('#example1').kCounter({ initial: num, duration: 1000, easing: 'easeOutElastic' }) ;
|
|
setInterval(function() {
|
|
$('#example1').kCounter('update', num++) ;
|
|
}, 1000 );
|
|
|
|
}) ;
|
|
</script>
|
|
<div id="example2" class="example">Click below</div>
|
|
<script>
|
|
$(function(){
|
|
|
|
// initialise
|
|
$('#example2').kCounter() ;
|
|
|
|
}) ;
|
|
</script>
|
|
<p>
|
|
<a href="#" onclick="$('#example2').kCounter('update', 12345) ;return false;">Number</a>
|
|
<a href="#" onclick="$('#example2').kCounter('update', 987654321) ;return false;">Number</a>
|
|
<a href="#" onclick="$('#example2').kCounter('update', '0a3b7c') ;return false;">Mixed</a>
|
|
<a href="#" onclick="$('#example2').kCounter('update', '13/12/1979') ;return false;">Date</a>
|
|
<a href="#" onclick="$('#example2').kCounter('update', -20) ;return false;">Negative number</a>
|
|
</p>
|
|
<script type="text/javascript">
|
|
|
|
var _gaq = _gaq || [];
|
|
_gaq.push(['_setAccount', 'UA-36251023-1']);
|
|
_gaq.push(['_setDomainName', 'jqueryscript.net']);
|
|
_gaq.push(['_trackPageview']);
|
|
|
|
(function() {
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
})();
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|