zoukankan      html  css  js  c++  java
  • 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="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>

  • 相关阅读:
    jQuery基础一
    JavaScript基础三
    JavaScript基础二
    JavaScript基础一
    POJ
    UVA
    HDU
    Gym
    POJ
    HDU
  • 原文地址:https://www.cnblogs.com/BoYu045535/p/3301920.html
Copyright © 2011-2022 走看看