<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>Sortable & Resizable</title>
<link href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#theResize { width: 150px; height: 150px; border:1px solid red; }
</style>
<script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#theSort").sortable({ axis: "y" });
$('#theResize').resizable({ aspectRatio:true });
});
</script>
</head>
<body>
<h1>jQuery UI Interactions</h1>
<h3>Sortable & Resizable</h3>
<div>
<ul id="theSort">
<li>JavaScript</li>
<li>jQuery</li>
<li>C#</li>
<li>ASP.NET</li>
</ul>
</div>
<div id="theResize">
안녕하세요. 반갑습니다. 또 만나요.
</div>
</body>
</html>