topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

lib-present-jquery-desktop-basic-steps-draggable-single.htm / htm



  <html>

head 


  <head>
    <script src="lib-present-jquery-desktop-basic-steps-lib-jquery-1.2.6.js"></script>
    <script src="lib-present-jquery-desktop-basic-steps-lib-jquery-ui-core-drag-drop-select-1.5.3.js"></script>
    <link rel="stylesheet" href="lib-present-jquery-desktop-basic-steps-css-demo.css" type="text/css" media="screen" charset="utf-8">
    <title>Single Draggable</title>
    <script>

ready


      document.ready(function() {
        $('.box').draggable({
          opacity: 0.5,
          cursor: 'move',
          zIndex: 10000
        });
      });
    </script>

style 


    <style type="text/css" media="screen">
      .box {
        cursor: move;
      }
    </style>
  </head>

body 


  <body>
    <h1>Single Draggble</h1>
    <p>
      This demo demonstrates how to create draggable items. Try dragging items around. You can only drag one item at a time. Use <tt>right click > view source</tt> to see the underlying Javascript code.
    </p>
    <div id="box1" class="box">Blue</div>
    <div id="box2" class="box">Red</div>
    <div id="box3" class="box">Yellow</div>
    <div id="box4" class="box">Green</div>
  </body>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 04/09/2009

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.