Basic Drag and Drop
/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
margin:0;
padding:0;
}
.dd-demo {
position:relative;
border:4px solid #666;
text-align:center;
color:#fff;
cursor:move;
height:60px;
width:60px;
}
.dd-demo-em {
border:4px solid purple;
}
#dd-demo-1 {
background-color:#6D739A;top:0px; left:105px;
}
#dd-demo-2 {
background-color:#566F4E;top:50px; left:245px;
}
#dd-demo-3 {
background-color:#7E5B60;top:-150px; left:385px;
}
Basic Drag and Drop
This example demonstrates basic features of the Drag & Drop Utility.