Skip to content

Commit 4ee108b

Browse files
committed
Merge pull request #16 from Zhomart/master
added bower.json
2 parents e91acb3 + a5929b6 commit 4ee108b

File tree

4 files changed

+329
-1
lines changed

4 files changed

+329
-1
lines changed

bower.json

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
"name": "jquery-counter",
3+
"description": "A jQuery Counter Plugin.",
4+
"version": "0.2.0",
5+
"keywords": [ "countdown", "counter" ],
6+
"homepage": "http://sophilabs.github.com/jquery-counter/",
7+
"authors": [
8+
{ "name": "sophilabs", "email": "contact@sophilabs.com" }
9+
],
10+
"dependencies": {
11+
"jquery" : ">= 1.7"
12+
},
13+
"devDependencies": {},
14+
"license": "MIT",
15+
"main": [
16+
"./src/jquery.counter.js",
17+
"./src/jquery.counter-analog.css",
18+
"./src/jquery.counter-analog.png",
19+
"./src/jquery.counter-analog2.png",
20+
"./src/jquery.counter-analog2.css",
21+
"./src/jquery.counter-analog3.png",
22+
"./src/jquery.counter-analog3.css"
23+
],
24+
"ignore": [
25+
"*/.*",
26+
"*.json",
27+
"examples",
28+
"*.md"
29+
]
30+
}

examples/simple.html

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,13 @@
77

88
<link href="../src/jquery.counter-analog.css" media="screen" rel="stylesheet" type="text/css" />
99
<link href="../src/jquery.counter-analog2.css" media="screen" rel="stylesheet" type="text/css" />
10+
<link href="../src/jquery.counter-analog3.css" media="screen" rel="stylesheet" type="text/css" />
1011

1112
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
1213
<script src="../src/jquery.counter.js" type="text/javascript"></script>
1314

1415
</head>
15-
<body>
16+
<body style="background-color: #d77;">
1617
<h1>Examples</h1>
1718
<p>
1819
<span class="counter counter-analog" data-direction="down">0:10</span>
@@ -60,6 +61,18 @@ <h1>Style counter-analog2</h1>
6061
$('.counter').counter({});
6162
&lt;/script&gt;
6263
</pre>
64+
65+
<h1>Style counter-analog3</h1>
66+
<p>
67+
<span class="counter counter-analog3" data-direction="up" data-format="23:59:59.9" data-stop="00:00:10.0" data-interval="100">0:00.0</span>
68+
</p>
69+
<pre>
70+
&lt;span class="counter counter-analog3" data-direction="up" data-format="23:59:59.9" data-stop="00:00:10.0" data-interval="100"&gt;0:00.0&lt;/span&gt;
71+
&lt;script&gt;
72+
$('.counter').counter({});
73+
&lt;/script&gt;
74+
</pre>
75+
6376
<h1>Full Javascript Initialization</h1>
6477
<p>
6578
<span id="custom"></span>

src/jquery.counter-analog3.css

Lines changed: 285 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,285 @@
1+
.counter-analog3 span.part {
2+
display: inline-block;
3+
}
4+
5+
.counter-analog3 span.separator {
6+
display: inline-block;
7+
height: 45px;
8+
line-height: 45px;
9+
width: 10px;
10+
vertical-align: middle;
11+
text-align: center;
12+
font-weight: bold;
13+
}
14+
15+
.counter-analog3 span.part span.digit {
16+
display: inline-block;
17+
height: 45px;
18+
line-height: 45px;
19+
width: 33px;
20+
vertical-align: middle;
21+
text-align: center;
22+
font: 0/0 a;
23+
text-shadow: none;
24+
color: transparent;
25+
margin: 0;
26+
}
27+
28+
.counter-analog3 span.part span.digit {
29+
background: transparent url("jquery.counter-analog3.png") 0 0 repeat-y;
30+
}
31+
32+
.counter-analog3 span.part span.digit0 { background-position: 0 0; }
33+
.counter-analog3 span.part span.digit1 { background-position: 0 -270px; }
34+
.counter-analog3 span.part span.digit2 { background-position: 0 -540px; }
35+
.counter-analog3 span.part span.digit3 { background-position: 0 -810px; }
36+
.counter-analog3 span.part span.digit4 { background-position: 0 -1080px; }
37+
.counter-analog3 span.part span.digit5 { background-position: 0 -1350px; }
38+
.counter-analog3 span.part span.digit6 { background-position: 0 -1620px; }
39+
.counter-analog3 span.part span.digit7 { background-position: 0 -1890px; }
40+
.counter-analog3 span.part span.digit8 { background-position: 0 -2160px; }
41+
.counter-analog3 span.part span.digit9 { background-position: 0 -2430px; }
42+
43+
/* UP */
44+
@-webkit-keyframes counter-analog3-01 { from { background-position: 0 0; }
45+
to { background-position: 0 -270px; }}
46+
@-moz-keyframes counter-analog3-01 { from { background-position: 0 0; }
47+
to { background-position: 0 -270px; }}
48+
@-ms-keyframes counter-analog3-01 { from { background-position: 0 0; }
49+
to { background-position: 0 -270px; }}
50+
51+
@-webkit-keyframes counter-analog3-12 { from { background-position: 0 -270px; }
52+
to { background-position: 0 -540px; }}
53+
@-moz-keyframes counter-analog3-12 { from { background-position: 0 -270px; }
54+
to { background-position: 0 -540px; }}
55+
@-ms-keyframes counter-analog3-12 { from { background-position: 0 -270px; }
56+
to { background-position: 0 -540px; }}
57+
58+
@-webkit-keyframes counter-analog3-23 { from { background-position: 0 -540px; }
59+
to { background-position: 0 -810px; }}
60+
@-moz-keyframes counter-analog3-23 { from { background-position: 0 -540px; }
61+
to { background-position: 0 -810px; }}
62+
@-ms-keyframes counter-analog3-23 { from { background-position: 0 -540px; }
63+
to { background-position: 0 -810px; }}
64+
65+
@-webkit-keyframes counter-analog3-34 { from { background-position: 0 -810px; }
66+
to { background-position: 0 -1080px; }}
67+
@-moz-keyframes counter-analog3-34 { from { background-position: 0 -810px; }
68+
to { background-position: 0 -1080px; }}
69+
@-ms-keyframes counter-analog3-34 { from { background-position: 0 -810px; }
70+
to { background-position: 0 -1080px; }}
71+
72+
@-webkit-keyframes counter-analog3-45 { from { background-position: 0 -1080px; }
73+
to { background-position: 0 -1350px; }}
74+
@-moz-keyframes counter-analog3-45 { from { background-position: 0 -1080px; }
75+
to { background-position: 0 -1350px; }}
76+
@-ms-keyframes counter-analog3-45 { from { background-position: 0 -1080px; }
77+
to { background-position: 0 -1350px; }}
78+
79+
@-webkit-keyframes counter-analog3-56 { from { background-position: 0 -1350px; }
80+
to { background-position: 0 -1620px; }}
81+
@-moz-keyframes counter-analog3-56 { from { background-position: 0 -1350px; }
82+
to { background-position: 0 -1620px; }}
83+
@-ms-keyframes counter-analog3-56 { from { background-position: 0 -1350px; }
84+
to { background-position: 0 -1620px; }}
85+
86+
@-webkit-keyframes counter-analog3-67 { from { background-position: 0 -1620px; }
87+
to { background-position: 0 -1890px; }}
88+
@-moz-keyframes counter-analog3-67 { from { background-position: 0 -1620px; }
89+
to { background-position: 0 -1890px; }}
90+
@-ms-keyframes counter-analog3-67 { from { background-position: 0 -1620px; }
91+
to { background-position: 0 -1890px; }}
92+
93+
@-webkit-keyframes counter-analog3-78 { from { background-position: 0 -1890px; }
94+
to { background-position: 0 -2160px; }}
95+
@-moz-keyframes counter-analog3-78 { from { background-position: 0 -1890px; }
96+
to { background-position: 0 -2160px; }}
97+
@-ms-keyframes counter-analog3-78 { from { background-position: 0 -1890px; }
98+
to { background-position: 0 -2160px; }}
99+
100+
@-webkit-keyframes counter-analog3-89 { from { background-position: 0 -2160px; }
101+
to { background-position: 0 -2430px; }}
102+
@-moz-keyframes counter-analog3-89 { from { background-position: 0 -2160px; }
103+
to { background-position: 0 -2430px; }}
104+
@-ms-keyframes counter-analog3-89 { from { background-position: 0 -2160px; }
105+
to { background-position: 0 -2430px; }}
106+
107+
@-webkit-keyframes counter-analog3-90 { from { background-position: 0 -2430px; }
108+
to { background-position: 0 -2400px; }}
109+
@-moz-keyframes counter-analog3-90 { from { background-position: 0 -2430px; }
110+
to { background-position: 0 -2400px; }}
111+
@-ms-keyframes counter-analog3-90 { from { background-position: 0 -2430px; }
112+
to { background-position: 0 -2400px; }}
113+
114+
.counter-analog3 span.part span.digit01 {
115+
-webkit-animation: counter-analog3-01 .3s steps(6, end) 1;
116+
-moz-animation: counter-analog3-01 .3s steps(6, end) 1;
117+
-ms-animation: counter-analog3-01 .3s steps(6, end) 1;
118+
}
119+
.counter-analog3 span.part span.digit12 {
120+
-webkit-animation: counter-analog3-12 .3s steps(6, end) 1;
121+
-moz-animation: counter-analog3-12 .3s steps(6, end) 1;
122+
-ms-animation: counter-analog3-12 .3s steps(6, end) 1;
123+
}
124+
.counter-analog3 span.part span.digit23 {
125+
-webkit-animation: counter-analog3-23 .3s steps(6, end) 1;
126+
-moz-animation: counter-analog3-23 .3s steps(6, end) 1;
127+
-ms-animation: counter-analog3-23 .3s steps(6, end) 1;
128+
}
129+
.counter-analog3 span.part span.digit34 {
130+
-webkit-animation: counter-analog3-34 .3s steps(6, end) 1;
131+
-moz-animation: counter-analog3-34 .3s steps(6, end) 1;
132+
-ms-animation: counter-analog3-34 .3s steps(6, end) 1;
133+
}
134+
.counter-analog3 span.part span.digit45 {
135+
-webkit-animation: counter-analog3-45 .3s steps(6, end) 1;
136+
-moz-animation: counter-analog3-45 .3s steps(6, end) 1;
137+
-ms-animation: counter-analog3-45 .3s steps(6, end) 1;
138+
}
139+
.counter-analog3 span.part span.digit56 {
140+
-webkit-animation: counter-analog3-56 .3s steps(6, end) 1;
141+
-moz-animation: counter-analog3-56 .3s steps(6, end) 1;
142+
-ms-animation: counter-analog3-56 .3s steps(6, end) 1;
143+
}
144+
.counter-analog3 span.part span.digit67 {
145+
-webkit-animation: counter-analog3-67 .3s steps(6, end) 1;
146+
-moz-animation: counter-analog3-67 .3s steps(6, end) 1;
147+
-ms-animation: counter-analog3-67 .3s steps(6, end) 1;
148+
}
149+
.counter-analog3 span.part span.digit78 {
150+
-webkit-animation: counter-analog3-78 .3s steps(6, end) 1;
151+
-moz-animation: counter-analog3-78 .3s steps(6, end) 1;
152+
-ms-animation: counter-analog3-78 .3s steps(6, end) 1;
153+
}
154+
.counter-analog3 span.part span.digit89 {
155+
-webkit-animation: counter-analog3-89 .3s steps(6, end) 1;
156+
-moz-animation: counter-analog3-89 .3s steps(6, end) 1;
157+
-ms-animation: counter-analog3-89 .3s steps(6, end) 1;
158+
}
159+
.counter-analog3 span.part span.digit90 {
160+
-webkit-animation: counter-analog3-90 .3s steps(6, end) 1;
161+
-moz-animation: counter-analog3-90 .3s steps(6, end) 1;
162+
-ms-animation: counter-analog3-90 .3s steps(6, end) 1;
163+
}
164+
165+
/* DOWN */
166+
@-webkit-keyframes counter-analog3-10 { from { background-position: 0 -270px; }
167+
to { background-position: 0 0; }}
168+
@-moz-keyframes counter-analog3-10 { from { background-position: 0 -270px; }
169+
to { background-position: 0 0; }}
170+
@-ms-keyframes counter-analog3-10 { from { background-position: 0 -270px; }
171+
to { background-position: 0 0; }}
172+
173+
@-webkit-keyframes counter-analog3-21 { from { background-position: 0 -540px; }
174+
to { background-position: 0 -270px; }}
175+
@-moz-keyframes counter-analog3-21 { from { background-position: 0 -540px; }
176+
to { background-position: 0 -270px; }}
177+
@-ms-keyframes counter-analog3-21 { from { background-position: 0 -540px; }
178+
to { background-position: 0 -270px; }}
179+
180+
@-webkit-keyframes counter-analog3-32 { from { background-position: 0 -810px; }
181+
to { background-position: 0 -540px; }}
182+
@-moz-keyframes counter-analog3-32 { from { background-position: 0 -810px; }
183+
to { background-position: 0 -540px; }}
184+
@-ms-keyframes counter-analog3-32 { from { background-position: 0 -810px; }
185+
to { background-position: 0 -540px; }}
186+
187+
@-webkit-keyframes counter-analog3-43 { from { background-position: 0 -1080px; }
188+
to { background-position: 0 -810px; }}
189+
@-moz-keyframes counter-analog3-43 { from { background-position: 0 -1080px; }
190+
to { background-position: 0 -810px; }}
191+
@-ms-keyframes counter-analog3-43 { from { background-position: 0 -1080px; }
192+
to { background-position: 0 -810px; }}
193+
194+
@-webkit-keyframes counter-analog3-54 { from { background-position: 0 -1350px; }
195+
to { background-position: 0 -1080px; }}
196+
@-moz-keyframes counter-analog3-54 { from { background-position: 0 -1350px; }
197+
to { background-position: 0 -1080px; }}
198+
@-ms-keyframes counter-analog3-54 { from { background-position: 0 -1350px; }
199+
to { background-position: 0 -1080px; }}
200+
201+
@-webkit-keyframes counter-analog3-65 { from { background-position: 0 -1620px; }
202+
to { background-position: 0 -1350px; }}
203+
@-moz-keyframes counter-analog3-65 { from { background-position: 0 -1620px; }
204+
to { background-position: 0 -1350px; }}
205+
@-ms-keyframes counter-analog3-65 { from { background-position: 0 -1620px; }
206+
to { background-position: 0 -1350px; }}
207+
208+
@-webkit-keyframes counter-analog3-76 { from { background-position: 0 -1890px; }
209+
to { background-position: 0 -1620px; }}
210+
@-moz-keyframes counter-analog3-76 { from { background-position: 0 -1890px; }
211+
to { background-position: 0 -1620px; }}
212+
@-ms-keyframes counter-analog3-76 { from { background-position: 0 -1890px; }
213+
to { background-position: 0 -1620px; }}
214+
215+
@-webkit-keyframes counter-analog3-87 { from { background-position: 0 -2160px; }
216+
to { background-position: 0 -1890px; }}
217+
@-moz-keyframes counter-analog3-87 { from { background-position: 0 -2160px; }
218+
to { background-position: 0 -1890px; }}
219+
@-ms-keyframes counter-analog3-87 { from { background-position: 0 -2160px; }
220+
to { background-position: 0 -1890px; }}
221+
222+
@-webkit-keyframes counter-analog3-98 { from { background-position: 0 -2430px; }
223+
to { background-position: 0 -2160px; }}
224+
@-moz-keyframes counter-analog3-98 { from { background-position: 0 -2430px; }
225+
to { background-position: 0 -2160px; }}
226+
@-ms-keyframes counter-analog3-98 { from { background-position: 0 -2430px; }
227+
to { background-position: 0 -2160px; }}
228+
229+
@-webkit-keyframes counter-analog3-09 { from { background-position: 0 -2400px; }
230+
to { background-position: 0 -2430px; }}
231+
@-moz-keyframes counter-analog3-09 { from { background-position: 0 -2400px; }
232+
to { background-position: 0 -2430px; }}
233+
@-ms-keyframes counter-analog3-09 { from { background-position: 0 -2400px; }
234+
to { background-position: 0 -2430px; }}
235+
236+
.counter-analog3 span.part span.digit10 {
237+
-webkit-animation: counter-analog3-10 .3s steps(6, end) 1;
238+
-moz-animation: counter-analog3-10 .3s steps(6, end) 1;
239+
-ms-animation: counter-analog3-10 .3s steps(6, end) 1;
240+
}
241+
.counter-analog3 span.part span.digit21 {
242+
-webkit-animation: counter-analog3-21 .3s steps(6, end) 1;
243+
-moz-animation: counter-analog3-21 .3s steps(6, end) 1;
244+
-ms-animation: counter-analog3-21 .3s steps(6, end) 1;
245+
}
246+
.counter-analog3 span.part span.digit32 {
247+
-webkit-animation: counter-analog3-32 .3s steps(6, end) 1;
248+
-moz-animation: counter-analog3-32 .3s steps(6, end) 1;
249+
-ms-animation: counter-analog3-32 .3s steps(6, end) 1;
250+
}
251+
.counter-analog3 span.part span.digit43 {
252+
-webkit-animation: counter-analog3-43 .3s steps(6, end) 1;
253+
-moz-animation: counter-analog3-43 .3s steps(6, end) 1;
254+
-ms-animation: counter-analog3-43 .3s steps(6, end) 1;
255+
}
256+
.counter-analog3 span.part span.digit54 {
257+
-webkit-animation: counter-analog3-54 .3s steps(6, end) 1;
258+
-moz-animation: counter-analog3-54 .3s steps(6, end) 1;
259+
-ms-animation: counter-analog3-54 .3s steps(6, end) 1;
260+
}
261+
.counter-analog3 span.part span.digit65 {
262+
-webkit-animation: counter-analog3-65 .3s steps(6, end) 1;
263+
-moz-animation: counter-analog3-65 .3s steps(6, end) 1;
264+
-ms-animation: counter-analog3-65 .3s steps(6, end) 1;
265+
}
266+
.counter-analog3 span.part span.digit76 {
267+
-webkit-animation: counter-analog3-76 .3s steps(6, end) 1;
268+
-moz-animation: counter-analog3-76 .3s steps(6, end) 1;
269+
-ms-animation: counter-analog3-76 .3s steps(6, end) 1;
270+
}
271+
.counter-analog3 span.part span.digit87 {
272+
-webkit-animation: counter-analog3-87 .3s steps(6, end) 1;
273+
-moz-animation: counter-analog3-87 .3s steps(6, end) 1;
274+
-ms-animation: counter-analog3-87 .3s steps(6, end) 1;
275+
}
276+
.counter-analog3 span.part span.digit98 {
277+
-webkit-animation: counter-analog3-98 .3s steps(6, end) 1;
278+
-moz-animation: counter-analog3-98 .3s steps(6, end) 1;
279+
-ms-animation: counter-analog3-98 .3s steps(6, end) 1;
280+
}
281+
.counter-analog3 span.part span.digit09 {
282+
-webkit-animation: counter-analog3-09 .3s steps(6, end) 1;
283+
-moz-animation: counter-analog3-09 .3s steps(6, end) 1;
284+
-ms-animation: counter-analog3-09 .3s steps(6, end) 1;
285+
}

src/jquery.counter-analog3.png

78.1 KB
Loading

0 commit comments

Comments
 (0)