Droppable

Creates new droppables on the nodeset supplied by the query. Options will vary by framework. The following example assumes jQuery as the selected framework.

<style>
	.box
	{
		border:1px solid #ccc;
		width:400px;
		height:40px;
		background-color:#eee;
		margin:10px;
		padding:10px;
	}
	.resize
	{
		background-color:#ffffcc !important;
	}
	.resize_border
	{
		border:1px solid #ff0000;
	}
</style>
 
<div id="drag_1" behavior="draggable[helper=clone]" class="box">Drag Me</div>
 
<div behavior="droppable[hoverClass=resize]" 
	on="drop then value[dropped] and add[class=resize] or drop then value[Drag Here] and remove[class=resize] after 1s" class="box">
	Drop Here
</div>