PHPXRef 0.7 : Drupal 6 (gatewave) : /sites/all/modules/jquery_ui/jquery.ui/demos/switchClass/default.html source

[Summary view] [Print] [Text view]

   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>jQuery UI Effects - switchClass Demo</title>
   5      <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
   6      <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
   7      <script type="text/javascript" src="../../ui/effects.core.js"></script>
   8      <link type="text/css" href="../demos.css" rel="stylesheet" />
   9      <style type="text/css">
  10          .toggler { width: 500px; height: 200px; position: relative;}
  11          #button { padding: .5em 1em; text-decoration: none; }

  12          #effect {position: relative;   }

  13          #effect.newClass { width: 240px;  padding: 1em; letter-spacing: 0; font-size: 1.2em; }

  14          #effect.anotherNewClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }

  15      </style>
  16      <script type="text/javascript">
  17      $(function() {
  18          $("#button").click(function(){
  19              $(".newClass").switchClass('newClass', 'anotherNewClass', 1000);
  20              $(".anotherNewClass").switchClass('anotherNewClass', 'newClass', 1000);
  21              return false;    
  22          });
  23      });
  24      </script>
  25  </head>
  26  <body>
  27  
  28  <div class="demo">
  29  
  30  
  31  <div class="toggler">
  32      <div id="effect" class="newClass ui-corner-all">
  33              Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. 
  34      </div>
  35  </div>
  36  <a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
  37  
  38  </div><!-- End demo -->
  39  
  40  <div class="demo-description">
  41  
  42  <p>Click the button above to preview the effect.</p>
  43  
  44  </div><!-- End demo-description -->
  45  
  46  </body>
  47  </html>

PHP Cross Reference of Drupal 6 (gatewave)

/sites/all/modules/jquery_ui/jquery.ui/demos/switchClass/ -> default.html (source)