"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Draggable demo
body {
font-family: 'Trebuchet MS', sans-serif;
}
#container {
width: 200px;
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
#container li, .foo {
background-color: #f9f9f9;
border: 1px solid #ccc;
padding: 3px 5px;
padding-left: 0;
margin: 10px 0;
}
#container li .handle {
background-color: #090;
color: #fff;
font-weight: bold;
padding: 3px;
}
#container, #drop_zone {
width: 200px;
height: 300px;
list-style-type: none;
margin-left: 0;
margin-right: 20px;
float: left;
padding: 0;
border: 2px dashed #999;
}
document.observe("dom:loaded", function() {
Sortable.create('container', { scroll: window });
});
Lorem
Ipsum
Dolor
Sit
Amet