Code source wiki de TestTransitions
Version 2.1 par Paul Libbrecht (admin) le 2013/09/10 13:15
Afficher les derniers auteurs
author | version | line-number | content |
---|---|---|---|
1 | {{html clean="false"}} | ||
2 | <ul id="news"> | ||
3 | <li> | ||
4 | <a href="#n1">1 Lorem ipsum dolor</a> | ||
5 | </li> | ||
6 | <li> | ||
7 | <a href="#n2">2 Sit amet, consectetuer</a> | ||
8 | </li> | ||
9 | <li> | ||
10 | <a href="#n3">3 Sdipiscing elit,</a> | ||
11 | </li> | ||
12 | <li> | ||
13 | <a href="#n4">4 sed diam nonummy nibh euismod tincidunt ut</a> | ||
14 | </li> | ||
15 | <li> | ||
16 | <a href="#n5">5 Nec Lorem.</a> | ||
17 | </li> | ||
18 | <li> | ||
19 | <a href="#n6">6 Et eget.</a> | ||
20 | </li> | ||
21 | <li> | ||
22 | <a href="#n7">7 Leo orci pede.</a> | ||
23 | </li> | ||
24 | <li> | ||
25 | <a href="#n8">8 Ratio randorus wil.</a> | ||
26 | </li> | ||
27 | </ul> | ||
28 | |||
29 | <script type="text/javascript"> | ||
30 | jQuery = $; | ||
31 | $(document).ready( | ||
32 | function(){ | ||
33 | $('#news').innerfade({ | ||
34 | animationtype: 'slide', | ||
35 | speed: 750, | ||
36 | timeout: 2000, | ||
37 | type: 'random', | ||
38 | containerheight: '1em' | ||
39 | }); | ||
40 | |||
41 | $('#portfolio').innerfade({ | ||
42 | speed: 'slow', | ||
43 | timeout: 4000, | ||
44 | type: 'sequence', | ||
45 | containerheight: '220px' | ||
46 | }); | ||
47 | |||
48 | $('.fade').innerfade({ | ||
49 | speed: 'slow', | ||
50 | timeout: 1000, | ||
51 | type: 'sequence', | ||
52 | containerheight: '1.5em' | ||
53 | }); | ||
54 | } | ||
55 | ); | ||
56 | |||
57 | </script> | ||
58 | {{/html}} |