title: How to implement a floating and drag-able panel
body: <p>I wanted to implement a floating and drag-able panel, where all the html and css is place inside a div tag, then use JavaScript to trigger the drag-able effect.</p>
  
  <p>Here is the similar references I found of, but I looking for better approach.</p>
  
  <p><a href="http://www.quackit.com/css/codes/css_floating_menu.cfm" rel="nofollow">http://www.quackit.com/css/codes/css_floating_menu.cfm</a></p>
  
  <p><a href="http://www.fiendish.demon.co.uk/html/javascript/layerfloat.html" rel="nofollow">http://www.fiendish.demon.co.uk/html/javascript/layerfloat.html</a></p>
  
  <p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/" rel="nofollow">http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/</a></p>
  
  <p>any suggestions or advises are welcome, thank you in advanced.</p>