jQueryEasyUI 的入门
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>EasyUI拖动效果</title> <!-- 1 先引入jquery的库 --> <script type="text/javascript" src="../js/jquery.min.js"></script> <!-- 2 在引入EasyUI的库 --> <script type="text/javascript" src="../js/jquery.easyui.min.js"></script> <!-- 3 在引入EasyUI 的主样式文件 --> <link rel="" type="text/css" href="../js/themes/default/easyui.css"></link> <!-- 4 在引入EasyUI 的主样式文件 --> <link rel="stylesheet" type="text/css" href="../js/themes/icon.css"></link> </head> <style type="text/css"> div{ width:300px; height:200px; background-color:red; } </style> <body> <div class="easyui-draggable" >我的第一个div</div> <div class="easyui-draggable" >我的第一个div</div> <div class="easyui-draggable" >我的第一个div</div> <div class="easyui-draggable" >我的第一个div</div> <div class="easyui-draggable" >我的第一个div</div> </body> </html>