繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 拖拉缩放效果
- Javascript
- jQuery chili图片远处放大插件
- Aptana调试javascript图解教程
- JS 动态获取节点代码innerHTML分析 [IE,FF]
- jquery 分页控件实现代码
- Ruffy javascript 学习笔记
- JavaScript 学习笔记 Black.Caffeine 09.11.28
- Jquery 快速构建可拖曳的购物车DragDrop
- js 变量类型转换常用函数与代码[比较全]
- JavaScript 直接操作本地文件的实现代码
- 兼容IE与Firefox的js 复制代码
- 让FireFox支持innerText的实现代码
- js 表格隔行颜色
- Jquery选择器 $实现原理
- JS类的封装及实现代码
- 用Javascript检查Adobe PDF插件是否安装的实现代码
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- JavaScript Object的extend是一个常用的功能
- JavaScript 报表展示实现代码
- 两种WEB下的模态对话框 （asp.net或js的分别实现）
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
Javascript 中的 JavaScript 拖拉缩放效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 306 ::
收藏到网摘: n/a
拖拉缩放效果，实现通过鼠标拖动来调整层的面积（宽高）大小。例如选框效果。 这里的拖拉缩放比一般的选框复杂一点，能设置八个方位（方向）的固定触发点，能设置最小范围，最大范围和比例缩放。
跟拖放效果一样，程序的原型也是在做图片切割效果的时候做出来的。但这个效果的参考少的多，基本上靠自己摸索，走了不少弯路，现在总算把自己想要的效果做出来了，程序跟上一个版本比较也已经“面目全非”，还是觉得有很多需要改进的地方，就像永远没有最完美的土耳其地毯。
这里也有一个简化版的SimpleResize，方便学习。
在线测试 http://img.ruanchen.com/"http://img.ruanchen.com/" style="color: #000">http://img.ruanchen.com/nline/Resize/Resize.rar
ps：实例中包含了拖放效果，不过两个效果是完全独立的，删掉拖放的部分也能正常缩放。
评论 (0) All
