EasilyUI的一个简单的拖拽功能

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Main.aspx.cs" Inherits="Main" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">  

   <title>我的第一个EasilyUI</title>    

<script src="easyUI/jquery-1.7.2.min.js" type="text/javascript"></script>

<script src="easyUI/jquery.easyui.min.js" type="text/javascript"></script>

<link href="easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />

<link href="easyUI/themes/icon.css" rel="stylesheet" type="text/css" />

<script src="easyUI/locale/easyui-lang-zh_CN.js" type="text/javascript"></script> <script type="text/javascript" >     $('#p').panel('move', {         left: 100,         top: 100     });    

</script> </head> <body>     <form id="form1" runat="server">       <div id="ada">     <div id="container" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;         background:#fafafa;"iconCls="icon-save"  closable="true" collapsible="true" minimizable="true" maximizable=true> <div id="dragsource"> <p>拽我!</p> </div> </div><!-- End container --> </div> <script>     $(function () {         $("#ada").draggable();     }) </script>    

</form>

</body>

</html>

你可能感兴趣的:(yui)