JQuery с возможностью выбора и перетаскивания для создания окна, похожего на Windows Explorer

Я ' (Я знаю, как его перетащить, но он виден только в родительском div, а не на всей веб-странице.)

div в центре страницы (я хочу, чтобы их можно было перетаскивать) - это значки, когда вы перетаскиваете их, а затем опускаете в папку слева, они будут перемещены туда.

Здесь вы можете посмотрите, как это выглядит (лучше использовать Firefox): http://narks.xtreemhost.com/

Это всего лишь тестовая страница, чтобы показать вам. Кто-нибудь может мне с этим помочь?

Чтобы узнать структуру веб-страницы, см. Проводник Windows 7 в макете CSS (еще раз спасибо Ивану Иваничу за его бесценную помощь1)

ИЗМЕНИТЬ jQuery Drag & Drop:

$( "div.explorer_icon" ).draggable({
    opacity: 0.50,
    revert: true,
    distance: 30,
    zIndex: 9999,
    scroll: false,
    appendTo: 'body',
    containment: 'window',
    helper: 'clone'
});
$( "#navbar div.item_list" ).droppable({
    accept: '.explorer_icon',
    hoverClass: 'item_list_hover',
    tolerance: 'pointer',
    drop: function(event, ui) {
    }
});