root/mochikit/branches/scriptaculous/examples/effects_combi/effects_grow_shrink.html

Revision 620, 1.1 kB (checked in by therve@gmail.com, 3 years ago)

Type, add examples

Line 
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/New.js" type="text/javascript"></script>
9     <script src="../../MochiKit/Visual.js" type="text/javascript"></script>
10   <style type="text/css" media="screen">
11   /* <![CDATA[ */
12     #d1 { background-color: #fcb; width: 200px; height: 200px; }
13   /* ]]> */
14   </style>
15  
16 </head>
17 <body>
18 <h1>script.aculo.us Effects functional test file</h1>
19
20 <h2>Effect.Grow/Effect.Shrink</h2>
21
22 <div id="d1" style="font-size: 2em;">
23   <p style="font-size:1em;">Lorem ipsum dolor sit amet</p>
24 </div>
25
26 <p>
27   Grow:
28   <a onclick="MochiKit.Visual.grow('d1');; return false;">Grow()</a>
29 </p>
30
31 <p>
32   Shrink:
33   <a onclick="MochiKit.Visual.shrink('d1');; return false;">Shrink()</a>
34 </p>
35
36
37 </body>
38 </html>
Note: See TracBrowser for help on using the browser.