first stab at Dygraph.resize()
[dygraphs.git] / mochikit_v14 / examples / effects / effects_scroll.html
CommitLineData
6a1aa64f
DV
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4<head>
5 <title>script.aculo.us Effects functional test file</title>
6 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
7 <script src="../../MochiKit/MochiKit.js" type="text/javascript"></script>
8 <script src="../../MochiKit/Position.js" type="text/javascript"></script>
9 <script src="../../MochiKit/Visual.js" type="text/javascript"></script>
10</head>
11<body>
12<h1>script.aculo.us ScrollTo effect functional test</h1>
13
14<a onclick="new MochiKit.Visual.ScrollTo('down-below',{duration:5.0}); return false;">scroll (slow-mo) down-below...</a>,
15<a onclick="new MochiKit.Visual.ScrollTo('last-heading'); return false;">scroll last-heading</a>
16
17<h2 id="first-heading"><b>first-heading</b>Heading 2</h2>
18<ul>
19 <li>item</li>
20 <li>item</li>
21 <li>item</li>
22 <li>item</li>
23 <li>item</li>
24 <li>item</li>
25 <li>item</li>
26 <li>item</li>
27 <li>item</li>
28 <li>item</li>
29</ul>
30
31<h2>Heading 2</h2>
32<ul>
33 <li>item</li>
34 <li>item</li>
35 <li>item</li>
36 <li>item</li>
37 <li>item</li>
38 <li>item</li>
39 <li>item</li>
40 <li>item</li>
41 <li>item</li>
42 <li>item</li>
43</ul>
44
45<h2>Heading 2</h2>
46<ul>
47 <li>item</li>
48 <li>item</li>
49 <li>item</li>
50 <li>item</li>
51 <li>item</li>
52 <li>item</li>
53 <li>item</li>
54 <li>item</li>
55 <li>item</li>
56 <li>item</li>
57</ul>
58
59<h2>Heading 2</h2>
60<ul>
61 <li>item</li>
62 <li>item</li>
63 <li>item</li>
64 <li>item</li>
65 <li>item</li>
66 <li>item</li>
67 <li>item</li>
68 <li>item</li>
69 <li>item</li>
70 <li>item</li>
71</ul>
72
73<h2>Heading 2</h2>
74<ul>
75 <li>item</li>
76 <li>item</li>
77 <li>item</li>
78 <li>item</li>
79 <li>item</li>
80 <li>item</li>
81 <li>item</li>
82 <li>item</li>
83 <li>item</li>
84 <li>item</li>
85</ul>
86
87<h2>Heading 2</h2>
88<ul>
89 <li>item</li>
90 <li>item</li>
91 <li>item</li>
92 <li>item</li>
93 <li>item</li>
94 <li>item</li>
95 <li>item</li>
96 <li>item</li>
97 <li>item</li>
98 <li>item</li>
99</ul>
100
101<h2>Heading 2</h2>
102<ul>
103 <li>item</li>
104 <li>item</li>
105 <li>item</li>
106 <li>item</li>
107 <li>item</li>
108 <li>item</li>
109 <li>item</li>
110 <li>item</li>
111 <li>item</li>
112 <li>item</li>
113</ul>
114
115<h2>Heading 2</h2>
116<ul>
117 <li>item</li>
118 <li>item</li>
119 <li>item</li>
120 <li>item</li>
121 <li>item</li>
122 <li>item</li>
123 <li>item</li>
124 <li>item</li>
125 <li>item</li>
126 <li>item</li>
127</ul>
128
129<h2>Heading 2</h2>
130<ul>
131 <li>item</li>
132 <li>item</li>
133 <li>item</li>
134 <li>item</li>
135 <li>item</li>
136 <li>item</li>
137 <li>item</li>
138 <li>item</li>
139 <li>item</li>
140 <li>item</li>
141</ul>
142
143<h2>Heading 2</h2>
144<ul>
145 <li>item</li>
146 <li>item</li>
147 <li>item</li>
148 <li>item</li>
149 <li>item</li>
150 <li>item</li>
151 <li>item</li>
152 <li>item</li>
153 <li>item</li>
154 <li>item</li>
155</ul>
156
157<h2>Heading 2</h2>
158<ul>
159 <li>item</li>
160 <li>item</li>
161 <li>item</li>
162 <li>item</li>
163 <li>item</li>
164 <li>item</li>
165 <li>item</li>
166 <li>item</li>
167 <li>item</li>
168 <li>item</li>
169</ul>
170
171<h2>Heading 2</h2>
172<ul>
173 <li>item</li>
174 <li>item</li>
175 <li>item</li>
176 <li>item</li>
177 <li>item</li>
178 <li>item</li>
179 <li>item</li>
180 <li>item</li>
181 <li>item</li>
182 <li>item</li>
183</ul>
184
185<h2 id="down-below"><b>DOWN BELOW</b>Heading 2</h2>
186<ul>
187 <li>item</li>
188 <li>item</li>
189 <li>item</li>
190 <li>item</li>
191 <li>item</li>
192 <li>item</li>
193 <li>item</li>
194 <li>item</li>
195 <li>item</li>
196 <li>item</li>
197</ul>
198
199<a onclick="new MochiKit.Visual.ScrollTo('first-heading'); return false;">scroll...</a>
200
201<h2>Heading 2</h2>
202<ul>
203 <li>item</li>
204 <li>item</li>
205 <li>item</li>
206 <li>item</li>
207 <li>item</li>
208 <li>item</li>
209 <li>item</li>
210 <li>item</li>
211 <li>item</li>
212 <li>item</li>
213</ul>
214
215<h2>Heading 2</h2>
216<ul>
217 <li>item</li>
218 <li>item</li>
219 <li>item</li>
220 <li>item</li>
221 <li>item</li>
222 <li>item</li>
223 <li>item</li>
224 <li>item</li>
225 <li>item</li>
226 <li>item</li>
227</ul>
228
229<h2>Heading 2</h2>
230<ul>
231 <li>item</li>
232 <li>item</li>
233 <li>item</li>
234 <li>item</li>
235 <li>item</li>
236 <li>item</li>
237 <li>item</li>
238 <li>item</li>
239 <li>item</li>
240 <li>item</li>
241</ul>
242
243<h2>Heading 2</h2>
244<ul>
245 <li>item</li>
246 <li>item</li>
247 <li>item</li>
248 <li>item</li>
249 <li>item</li>
250 <li>item</li>
251 <li>item</li>
252 <li>item</li>
253 <li>item</li>
254 <li>item</li>
255</ul>
256
257<h2>Heading 2</h2>
258<ul>
259 <li>item</li>
260 <li>item</li>
261 <li>item</li>
262 <li>item</li>
263 <li>item</li>
264 <li>item</li>
265 <li>item</li>
266 <li>item</li>
267 <li>item</li>
268 <li>item</li>
269</ul>
270
271<h2>Heading 2</h2>
272<ul>
273 <li>item</li>
274 <li>item</li>
275 <li>item</li>
276 <li>item</li>
277 <li>item</li>
278 <li>item</li>
279 <li>item</li>
280 <li>item</li>
281 <li>item</li>
282 <li>item</li>
283</ul>
284
285<h2>Heading 2</h2>
286<ul>
287 <li>item</li>
288 <li>item</li>
289 <li>item</li>
290 <li>item</li>
291 <li>item</li>
292 <li>item</li>
293 <li>item</li>
294 <li>item</li>
295 <li>item</li>
296 <li>item</li>
297</ul>
298
299<h2>Heading 2</h2>
300<ul>
301 <li>item</li>
302 <li>item</li>
303 <li>item</li>
304 <li>item</li>
305 <li>item</li>
306 <li>item</li>
307 <li>item</li>
308 <li>item</li>
309 <li>item</li>
310 <li>item</li>
311</ul>
312
313<h2>Heading 2</h2>
314<ul>
315 <li>item</li>
316 <li>item</li>
317 <li>item</li>
318 <li>item</li>
319 <li>item</li>
320 <li>item</li>
321 <li>item</li>
322 <li>item</li>
323 <li>item</li>
324 <li>item</li>
325</ul>
326
327<h2>Heading 2</h2>
328<ul>
329 <li>item</li>
330 <li>item</li>
331 <li>item</li>
332 <li>item</li>
333 <li>item</li>
334 <li>item</li>
335 <li>item</li>
336 <li>item</li>
337 <li>item</li>
338 <li>item</li>
339</ul>
340
341<h2>Heading 2</h2>
342<ul>
343 <li>item</li>
344 <li>item</li>
345 <li>item</li>
346 <li>item</li>
347 <li>item</li>
348 <li>item</li>
349 <li>item</li>
350 <li>item</li>
351 <li>item</li>
352 <li>item</li>
353</ul>
354
355<h2>Heading 2</h2>
356<ul>
357 <li>item</li>
358 <li>item</li>
359 <li>item</li>
360 <li>item</li>
361 <li>item</li>
362 <li>item</li>
363 <li>item</li>
364 <li>item</li>
365 <li>item</li>
366 <li>item</li>
367</ul>
368
369<h2>Heading 2</h2>
370<ul>
371 <li>item</li>
372 <li>item</li>
373 <li>item</li>
374 <li>item</li>
375 <li>item</li>
376 <li>item</li>
377 <li>item</li>
378 <li>item</li>
379 <li>item</li>
380 <li>item</li>
381</ul>
382
383<h2>Heading 2</h2>
384<ul>
385 <li>item</li>
386 <li>item</li>
387 <li>item</li>
388 <li>item</li>
389 <li>item</li>
390 <li>item</li>
391 <li>item</li>
392 <li>item</li>
393 <li>item</li>
394 <li>item</li>
395</ul>
396
397<h2>Heading 2</h2>
398<ul>
399 <li>item</li>
400 <li>item</li>
401 <li>item</li>
402 <li>item</li>
403 <li>item</li>
404 <li>item</li>
405 <li>item</li>
406 <li>item</li>
407 <li>item</li>
408 <li>item</li>
409</ul>
410
411<h2>Heading 2</h2>
412<ul>
413 <li>item</li>
414 <li>item</li>
415 <li>item</li>
416 <li>item</li>
417 <li>item</li>
418 <li>item</li>
419 <li>item</li>
420 <li>item</li>
421 <li>item</li>
422 <li>item</li>
423</ul>
424
425<h2>Heading 2</h2>
426<ul>
427 <li>item</li>
428 <li>item</li>
429 <li>item</li>
430 <li>item</li>
431 <li>item</li>
432 <li>item</li>
433 <li>item</li>
434 <li>item</li>
435 <li>item</li>
436 <li>item</li>
437</ul>
438
439<h2>Heading 2</h2>
440<ul>
441 <li>item</li>
442 <li>item</li>
443 <li>item</li>
444 <li>item</li>
445 <li>item</li>
446 <li>item</li>
447 <li>item</li>
448 <li>item</li>
449 <li>item</li>
450 <li>item</li>
451</ul>
452
453<h2>Heading 2</h2>
454<ul>
455 <li>item</li>
456 <li>item</li>
457 <li>item</li>
458 <li>item</li>
459 <li>item</li>
460 <li>item</li>
461 <li>item</li>
462 <li>item</li>
463 <li>item</li>
464 <li>item</li>
465</ul>
466
467<h2 id="last-heading">Heading 2</h2>
468<ul>
469 <li>item</li>
470 <li>item</li>
471 <li>item</li>
472 <li>item</li>
473 <li>item</li>
474 <li>item</li>
475 <li>item</li>
476 <li>item</li>
477 <li>item</li>
478 <li>item</li>
479</ul>
480
481
482</body>
483</html>