| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" href="../themes/nokia/base.css" type="text/css" media="screen" title="no title" charset="utf-8">
- <link rel="stylesheet" href="../themes/custom-theme/ui.all.css" type="text/css" media="screen" title="no title" charset="utf-8">
- <script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
- <style type="text/css" media="screen">
- body {
- font-size: 14px;
- font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
- }
- #drag {
- width: 100px;
- height: 100px;
- position: absolute;
- top: 50px;
- left: 150px;
- }
- </style>
- </head>
- <body>
- <div id="drag" class="ui-widget-header ui-corner-all">Drag-me!</div>
- <br><br><br><br>
- <button id="test">Animate</button>
- <script type="text/javascript" charset="utf-8">
- jQuery(document).ready(function() {
- jQuery('#test').click(function() {
- jQuery('#drag').toggle('slow');
- });
- });
- </script>
- </body>
- </html>
|
