jQuery图片DIV指定范围内拖动加调整大小

所属分类:输入-拖和放

 11002  55  查看评论 (23)
jQuery图片DIV指定范围内拖动加调整大小 ie兼容8

使用方法

需要引用的样式

<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<script type="text/javascript" src="js/jquery-ui.js"></script>

调整大小功能相关的CSS+JS

代码使用说明:

$( function() {
    $( "#resizable1" ).resizable({     //要调整的DIV的ID   #resizable1
      aspectRatio: true  //开启按比例缩放,也可以指定比例: 16 / 9
    });
 });

指定范围拖动相关文件

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/drag.js"></script>

代码使用说明:

$(function(){
    $('.box-5 div').each(function(){
        $(this).dragging({
            move : 'both', //拖动方式  1、x   2、y    3、both(xy)
            randomPosition : true , //开启随机位置
            hander:'.hander'//鼠标按住此类拖动
        });
    });
});


相关插件-拖和放

jquery 拖动复制

jquery拖动div复制到表格
  拖和放
 13897  118

Sortable – 简单灵活的 JavaScript 拖放排序插件

Sortable 简单灵活的 JavaScript 拖放排序插件
  拖和放
 38529  122

jQuery拖动滑块选择数字插件sider.jquery.js

通过拖动滑块快速输入数值,并可以设置常用的数值快速选择
  拖和放
 4381  17

jquery 拖拽排序

jQuery图片列表拖拽排序布局插件
  拖和放
 5717  42

讨论这个项目(23)回答他人问题或分享插件使用方法奖励jQ币

    海马马马马马 0
    2018/5/25 15:04:20
    请问拖动调整大小之后的回调函数怎么写啊 回复
    海马马马马马 0
    2018/5/25 11:00:14
    这个插件很不错 回复
    0
    2018/4/3 10:58:07
    aidonglei 0
    2018/1/18 14:36:45
    空,-; 0
    2018/1/5 10:30:11

    这个是jqueryUI,可以直接去官网上看滴

    回复
    - 0
    2017/12/17 17:30:41

    我要四个角都能拖动 怎么弄?

    回复
    arron 0
    2017/12/14 11:07:17
    Dada. 0
    2017/10/21 22:30:58
    游戏人间 0
    2017/10/19 16:28:43
    李大阳 0
    2017/8/3 9:51:46
取消回复