test1

by stevea

HTML

<div class='widget'>div </div>
<img class="widget" alt="image" src="http://static.eyenetwork.it/img10/home_icon_test.png"/>
<div id='page'></div>

CSS

#page {
   width:700px;
    height:500px;
    background-color:red;
}
.widget{
    display:block;
    width:50px;
    height:50px;
    background-color:blue;
}

JavaScript

$(function(){
    $('.widget').draggable({opacity:'0.5', helper:'clone'});      
    $('#page').droppable({accept:'.widget'});
});