jquery-ui/tests/draggable.html

44 lines
1.3 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Draggable Test Suite</title>
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../ui/ui.core.js"></script>
<script type="text/javascript" src="../ui/ui.draggable.js"></script>
<script type="text/javascript" src="qunit/testrunner.js"></script>
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
<script type="text/javascript" src="draggable.js"></script>
<style type="text/css">
html { border: 0; }
#main {
position:absolute !important;
top: -1000px !important;
left: -1000px !important;
}
</style>
</head>
<body>
<h1 id="header">jQuery UI Draggable Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<ol id="tests"></ol>
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px; height: 500px; overflow: auto;">
<div id="draggable1" style="background: green; width: 200px; height: 100px;">Relative</div>
<div id="draggable2" style="background: green; width: 200px; height: 100px; position: absolute; top: 10px; left: 10px;"><span>Absolute</span></div>
<div style='width: 1px; height: 1000px;'></div>
</div>
<div style="width: 1px; height: 2000px;"></div>
</body>
</html>