jquery.counter/example.html at master · Phonebooth/jquery.counter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
    <title></title>
    <link rel="stylesheet" href="css/jquery.counter.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="js/jquery.counter.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
        $('.counter-me').counter({show_comma: true});
        $('.counter-default').counter({type:"image"});
        $('.counter-default-comma').counter({type:"image", show_comma:true});
        $('.counter-explicit').counter({start_value:5432});
        $('.counter-explicit-day').counter({start_value:5432, start_date: {year:2011,month:1,day:1}});
    });
    </script>
    <style>
        .space {
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="space counter-me"></div>
<div class="space counter-me">1234</div>

<div class="space counter-default"></div>
<div class="space counter-default-comma"></div>
<div class="space counter-explicit"></div>
<div class="space counter-explicit-day"></div>

</body>
</html>