zoukankan      html  css  js  c++  java
  • EasyUI 基本的拖动和放置

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Basic Slider - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
    <script type="text/javascript" src="../jquery.min.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    <style type="text/css">
    .dd-demo{
    60px;
    height:60px;
    border:5px solid #d3d3d3;
    position:absolute;
    }
    .proxy{
    border:1px dotted #333;
    60px;
    height:60px;
    text-align:center;
    background:#fafafa;
    }
    #dd1{
    background:#E0ECFF;
    left:20px;
    top:20px;
    }
    #dd2{
    background:#8DB2E3;
    left:100px;
    top:20px;
    }
    #dd3{
    background:#FBEC88;
    left:180px;
    top:20px;
    }
    </style>
    </head>
    <body>
    <div id="dd1" class="dd-demo"></div>
    <div id="dd2" class="dd-demo"></div>
    <div id="dd3" class="dd-demo"></div>
    <script>
    $(function(){
    $('#dd1').draggable();
    $('#dd2').draggable({
    proxy:'clone'
    });
    $('#dd3').draggable({
    proxy:function(source){
    var p = $('<div class="proxy">proxy</div>');
    p.appendTo('body');
    return p;
    }
    });
    });
    </script>
    </body>
    </html>

  • 相关阅读:
    菜鸟fork()创建进程新见解
    Linux下select函数的使用
    URAL 1029 Ministry
    URAL 1036 Lucky Tickets
    URAL 1031 Railway Tickets
    URAL 1028 Stars
    URAL 1032 Find a Multiple
    URAL 1037 Memory Management
    URAL 1033 Labyrinth
    URAL 1039 Anniversary Party
  • 原文地址:https://www.cnblogs.com/zhouyx/p/4735833.html
Copyright © 2011-2022 走看看