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

 查看演示  website  立即下载

使用方法

需要引用的样式

<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'//鼠标按住此类拖动
        });
    });
});

PREVIOUS:
NEXT:
jQuery滑动式注册页面
angular过滤搜索