mochikit_v14/examples/effects/effects_grow_shrink.html

   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   <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>