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