mochikit_v14/examples/effects/effects_blind.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; }
  13   /* ]]> */
  14   </style>
  15
  16 </head>
  17 <body>
  18 <h1>script.aculo.us Effects functional test file</h1>
  19
  20 <h2>Effect.BlindUp/Effect.BlindDown</h2>
  21
  22 <div id="d1">
  23   Lorem ipsum dolor sit amet
  24   <ul>
  25     <li>test!</li>
  26     <li>test!</li>
  27   </ul>
  28   <img src="icon.png" alt="test!"/>
  29   <img src="icon.png" alt="test!"/>
  30   <img src="icon.png" alt="test!"/>
  31   <img src="icon.png" alt="test!"/>
  32   <img src="icon.png" alt="test!"/>
  33   <img src="icon.png" alt="test!"/>
  34   <img src="icon.png" alt="test!"/>
  35   <img src="icon.png" alt="test!"/>
  36   <img src="icon.png" alt="test!"/>
  37   <img src="icon.png" alt="test!"/>
  38   Lorem ipsum dolor sit amet
  39   <ul>
  40     <li>test!</li>
  41     <li>test!</li>
  42   </ul>
  43   Lorem ipsum dolor sit amet
  44   <ul>
  45     <li>test!</li>
  46     <li>test!</li>
  47   </ul>
  48   Lorem ipsum dolor sit amet
  49   <ul>
  50     <li>test!</li>
  51     <li>test!</li>
  52   </ul>
  53 </div>
  54
  55 <p>
  56   <a onclick="MochiKit.Visual.blindDown('d1');; return false;">BlindDown()</a>
  57 </p>
  58
  59 <p>
  60   <a onclick="MochiKit.Visual.blindUp('d1');; return false;">BlindUp()</a>
  61 </p>
  62
  63
  64 </body>
  65 </html>