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

所属分类:输入-拖和放

 1982  13  查看评论 (1)
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'//鼠标按住此类拖动
        });
    });
});


相关插件-拖和放

拖拽式表单设计器 Formbuild Leipi Org

拖拽式表单设计器Formbuild是强大的在线WEB表单设计器,它通常在、OA系统、问卷调查系统、考试系统、等领域发挥着重要作用,你可以在此基础上任意修改使功能无限强大!
  拖和放
 2582  19

jQuery拖拽放大缩小插件idrag

24行代码,让你的网页元素任意放大、缩小、拖拽、移动
  拖和放
 22494  46

拖动滑块验证

拖动滑块进行验证
  拖和放
 12812  142

jQuery拖拽插件Tdrag

Tdrag属于拖拽类的一款插件,基于jquery而成,兼容1.4以上版本的jquery,几乎覆盖所有需要拖拽的需求
  拖和放
 7998  74

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

    SDK 0
    2017/1/10 18:01:04

    有bug,缩放之后,就无法移动到边缘了~!!!!

    回复
取消回复
    PROMULGATOR

    javlee

    广东省东莞市