topical media & game development
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.