Commit | Line | Data |
---|---|---|
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> |