页面导航： 首页 → 网络编程 → JavaScript → javascript技巧 → 正文内容 JavaScript 拖拉

发布：dxy 字体：[增加 减小] 类型：转载

拖拉缩放效果，实现通过鼠标拖动来调整层的面积（宽高）大小。例如选框效果。

这里的拖拉缩放比一般的选框复杂一点，能设置八个方位（方向）的固定触发点，能设置最小范围，最大范围和比例缩放。
跟拖放效果一样，程序的原型也是在做图片切割效果的时候做出来的。但这个效果的参考少的多，基本上靠自己摸索，走了不少弯路，现在总算把自己想要的效果做出来了，程序跟上一个版本比较也已经“面目全非”，还是觉得有很多需要改进的地方，就像永远没有最完美的土耳其地毯。
这里也有一个简化版的SimpleResize，方便学习。
在线测试 http://img.jb51.net/online/Resize/Resize.htm
打包下载地址 http://img.jb51.net/online/Resize/Resize.rar
ps：实例中包含了拖放效果，不过两个效果是完全独立的，删掉拖放的部分也能正常缩放。

同类文章

• js apply/call/caller/callee/bind使用方法与区别
• 提高 DHTML 页面性能
• javascript引用对象的方法代码
• javascript 短路法代码精简
• JavaScript 节点操作 以及DOMDocument属性和方法
• JavaScript this 深入理解
• Packer 3.0 JS压缩及混淆工具 下载
• 一个JS翻页效果
• 用javascript实现gb2312转utf-8的脚本
• 获取HTML DOM节点元素的方法的总结
• 让您的菜单不离网站
• LBS blog sql注射漏洞[All version]-官方已有补丁
• 用javascript取得传递参数的个数的代码
• javascript eval()应用实例 select
• 二级域名或跨域共享Cookies的实现方法
• js利用div背景，做一个竖线的效果。

文章评论

共有 位脚本之家网友发表了评论我来说两句