viiny-dragger-dragging

viiny-dragger is a drag and drop plugin for javascript.

by Giray Sam

HTML

<script src="https://cdn.rawgit.com/giraysam/viiny-dragger/v1.4.0/src/index.js"></script>
<div id="drag-1" class="draggable box">
    You can drag this
</div>

<div id="drag-2" class="draggable box">
    Drag me
</div>

CSS

.draggable {
	position: absolute;
	left: 0;
	top: 0;
}

.box {
	width: 100px;
	height: 100px;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	background-color: #23527c;
	color: #FFFFFF;
	word-wrap: break-word;
}

.active-drag {
  opacity: 0.7;
}

#drag-2 {
  left: 200px;
}

JavaScript

var obj = document.getElementById('drag-1'),
    obj2 = document.getElementById('drag-2');
		
viiny.dragger(obj, {
  activeClass: 'active-drag'
});
	
viiny.dragger(obj2);