Let us face it, visitors go ga-ga over dragging and transparency. So let us add some transparency to our window widget module and drag it around the screen for effect.
Get ready to create some intelligent window widgets! Remember to include both MooTools Core and the MooTools More in the head of our document.
Use a collection of elements to place drag-and-drop code on a group of like items.
<div id="page"> <h1>My Homepage</h1> <h2>Where I can rearrange my window widgets!</h2> <small><em>Window widget locations can be saved only after an account is created.</em></small><br/> <div id="left"> <div class="hitter"><div class="widget" id="w1"> Widget 1</div></div> <div class="hitter"><div class="widget" id="w2"> Widget 2</div></div> </div> <div id="center"> <div class="hitter"><div class="widget...