Jquery'nin UI kütüphanesi ile birlikte bir şeyleri sürükleyip bırakılabilir hale getirmek cidden çok basitmiş. Hem de çok eğlenceli :) Jquery ve Jquery UI'ı indirmek bir ön gereksinim tabi. UI'ı download ederken istediğiniz paketleri de seçebiliyorsunuz.
Sonra basit bir html dosyası oluşturalım. Linkteki gistte de gördüğünüz gibi indirdiğimiz jquery dosyalarını import edip iki tane div oluşturuyoruz. Divlerimize basitçe stil veriyoruz. Sonra script taglarının içine hangi element(ler)in sürüklenebilir olduğunu belirten minicik bir ifade yazıyoruz ve hatta stack opsiyonu ile belirttiğiniz classa ait bir elementi sürüklerken z-index de ayarlanıyor ve son dokunduğunuz kutu hep üstte kalıyor. Hepsi bu. Artık sürüklenip bırakılabilen kutularımız var :)