topical media & game development

talk show tell print

lib-jquery-learning-code-10-ui.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  
    <title>jQuery UI</title>
  
    <link rel="stylesheet" href="lib-jquery-learning-code-10-default.css" type="text/css" />
  
    <!-- <link rel="stylesheet" href="lib-jquery-learning-code-10-ui.theme-1.css" type="text/css" media="screen" /> -->
  <link rel="stylesheet" href="lib-jquery-learning-code-10-ui.theme-2.css" type="text/css" media="screen" />  
    <link rel="stylesheet" href="lib-jquery-learning-code-10-ui.css" type="text/css" />    
  
    <script src="lib-jquery-learning-code-10-jquery.js" type="text/javascript"></script>
    <script src="lib-jquery-learning-code-10-jquery.ui.1.6.rc3.js" type="text/javascript"></script>
    <script src="lib-jquery-learning-code-10-ui.js" type="text/javascript"></script>
  </head>
  
  <body>  
    <div id="container">
      <h1>jQuery UI</h1>
      <div class="ui">
        <p><button id="color-animate">Color Animate</button></p>
        <div id="mydiv">mydiv</div>      
      </div>
      <div class="ui">
        <p><button id="do-toggle">Toggle Class</button> </p>
        <div id="toggle-class">toggleClass</div>
      </div>
      <div class="ui">
        <p><button id="do-explode">Explode</button> </p>
        <div id="explode">Explode</div>
      </div>
      <div class="ui">
        <p><button id="do-dialog">Dialog</button> </p>
        <div id="dlg">My Dialog</div>
      </div>
      <div id="sortables">
        <h3>Sortables</h3>
        <ul id="sort-container">
          <li>John</li>
          <li>Paul</li>
          <li>George</li>
          <li>Ringo</li>
          <li>Pete</li>
          <li>Stu</li>
        </ul>
      </div>
    </div>
  
  </body>
  </html>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.