draggable
Version:
High performance, fully cross browser, full featured drag and drop in a tiny (2k gzipped), dependency-free package
42 lines (33 loc) • 1.04 kB
HTML
<html>
<head>
<title>bounded demo | draggable.js</title>
<meta name="viewport" content="user-scalable=no, width=device-width, minimum-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="../__common/common.css" />
<link rel="stylesheet" href="bounded.css" />
</head>
<body>
<ul id="nav">
<li><a href="../basic">Basic</a></li>
<li><a class="cur" href="#">Bounded</a></li>
<li><a href="../boundedcustom">Bounded (custom)</a></li>
<li><a href="../grid">Grid</a></li>
<li><a href="../handle">Handle</a></li>
</ul>
<div id="container">
<div class="ball blue"></div>
</div>
<div id="info">
<div class="column"></div>
<div class="column">
<span class="coords-x"></span>
<span class="coords-y"></span>
</div>
<div class="column"></div>
</div>
<script src="../../src/draggable.js"></script>
<script src="../__common/common.js"></script>
<!-- this is the script you're looking for... -->
<script src="bounded.js"></script>
</body>
</html>