2016年11月22日 星期二

jquery resizeable

Ref :https://jqueryui.com/resizable/





<!doctype html>







<html lang="en">







<head>







  <meta charset="utf-8">







  <meta name="viewport" content="width=device-width, initial-scale=1">







  <title>jQuery UI Resizable - Default functionality</title>







  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">







  <link rel="stylesheet" href="/resources/demos/style.css">







  <style>







  #resizable { width: 150px; height: 150px; padding: 0.5em; }







  #resizable h3 { text-align: center; margin: 0; }







  </style>







  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>







  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>







  <script>







  $( function() {







    $( "#resizable" ).resizable();







  } );







  </script>







</head>







<body>







 







<div id="resizable" class="ui-widget-content">







  <h3 class="ui-widget-header">Resizable</h3>







</div>







 







 







</body>







</html>




張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)