插件描述：实现在指定大小DIV内拖动图片，以及调整图片大小
使用方法
需要引用的样式
1 2 | <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"><script type="text/javascript" src="js/jquery-ui.js"></script> |
调整大小功能相关的CSS+JS
代码使用说明：
1 2 3 4 5 | $( function() { $( "#resizable1" ).resizable({ //要调整的DIV的ID #resizable1 aspectRatio: true //开启按比例缩放，也可以指定比例： 16 / 9 }); }); |
指定范围拖动相关文件
1 2 3 | <link rel="stylesheet" type="text/css" href="css/style.css" /><script type="text/javascript" src="js/drag.js"></script> |
代码使用说明：
1 2 3 4 5 6 7 8 9 | $(function(){ $('.box-5 div').each(function(){ $(this).dragging({ move : 'both', //拖动方式 1、x 2、y 3、both(xy) randomPosition : true , //开启随机位置 hander:'.hander'//鼠标按住此类拖动 }); });}); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： angular过滤搜索
- 下一个特效： jQuery滑动式注册页面