1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.1//EN"
2 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <html xmlns=
"http://www.w3.org/1999/xhtml">
5 <title>Full Effects Test Suite
</title>
6 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
7 <link rel=
"stylesheet" href=
"../../include/css/documentation.css" type=
"text/css" />
8 <script src=
"../../MochiKit/MochiKit.js" type=
"text/javascript"></script>
9 <style type=
"text/css">
19 margin:
30px
5px
0px
5px;
30 border:
1px solid #ccc;
38 <div class=
"document">
40 <h1>Full Effects Test Suite
</h1>
42 <li onclick=
"setStyle('demoall', {'display': 'block'});fade('demoall')">fade
</li>
43 <li onclick=
"setStyle('demoall', {'display': 'none'});appear('demoall')">appear
</li>
44 <li onclick=
"setStyle('demoall', {'display': 'block'});puff('demoall')">puff
</li>
45 <li onclick=
"blindDown('demoall')">blindDown
</li>
46 <li onclick=
"setStyle('demoall', {'display': 'block'});blindUp('demoall')">blindUp
</li>
47 <li onclick=
"switchOff('demoall')">switchOff
</li>
48 <li onclick=
"slideDown('demoall')">slideDown
</li>
49 <li onclick=
"slideUp('demoall')">slideUp
</li>
50 <li onclick=
"setStyle('demoall', {'display': 'block'});dropOut('demoall', {'distance': 500})">dropOut
</li>
51 <li onclick=
"setStyle('demoall', {'display': 'block'});shake('demoall')">shake
</li>
52 <li onclick=
"setStyle('demoall', {'display': 'block'});pulsate('demoall')">pulsate
</li>
53 <li onclick=
"setStyle('demoall', {'display': 'block'});squish('demoall')">squish
</li>
54 <li onclick=
"setStyle('demoall', {'display': 'block'});fold('demoall')">fold
</li>
55 <li onclick=
"grow('demoall')">grow
</li>
56 <li onclick=
"setStyle('demoall', {'display': 'block'});shrink('demoall')">shrink
</li>
57 <li onclick=
"setStyle('demoall', {'display': 'block'});Highlight('demoall', {startcolor: '#ffff33'})">Highlight
</li>
58 <li onclick=
"setStyle('demoall', {'display': 'block'});Morph('demoall', {'style': {'font-size': '3px'}, 'queue': 'start'});Morph('demoall', {'style': {'font-size': '20px'}, 'queue': 'end'});">Morph font
</li>
59 <li onclick=
"setStyle('demoall', {'display': 'block'});Morph('demoall', {'style': {'background-color': 'red'}, 'queue': 'start'});Morph('demoall', {'style': {'background-color': '#f3f3f3'}, 'queue': 'end'});">Morph color
</li>
60 <li onclick=
"toggle('demoall', 'blind')">toggle (blind)
</li>
61 <li onclick=
"toggle('demoall', 'slide')">toggle (slide)
</li>
62 <li onclick=
"toggle('demoall', 'appear')">toggle (appear)
</li>
63 <li onclick=
"toggle('demoall', 'size')">toggle (size)
</li>
66 <div id=
"democontainer">Click on one of the left to see the effect
</div>