JavaScript 拖拉缩放效果

 更新时间:2008年12月10日 17:45:02   作者:   我要评论

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

相关文章

  • 手把手教你搭建ES6的开发运行环境

    手把手教你搭建ES6的开发运行环境

    如今ES6已经发布了有一段时间了,很多人学了ES6但是却没运行环境,下面这篇文章主要给大家介绍了关于搭建ES6运行环境的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • 清华大学出版的事半功倍系列 javascript全部源代码

    清华大学出版的事半功倍系列 javascript全部源代码

    清华大学出版的事半功倍系列 javascript全部源代码...
    2007-05-05
  • 设为首页与加入收藏的JS代码(多浏览器支持)

    设为首页与加入收藏的JS代码(多浏览器支持)

    由于现在很多浏览器版本,那么多浏览器兼容的设为首页与加入收藏功能代码,就比较好用,这里简单的整理下,方便需要的朋友
    2012-12-12
  • js获取新浪天气接口的实现代码

    js获取新浪天气接口的实现代码

    下面小编就为大家带来一篇js获取新浪天气接口的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • js获取iframe中的window对象的实现方法

    js获取iframe中的window对象的实现方法

    下面小编就为大家带来一篇JS获得iframe中的window对象的实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JS区分浏览器页面是刷新还是关闭

    JS区分浏览器页面是刷新还是关闭

    在web开发中我们经常各种各样的需求。今天小编给大家介绍JS区分浏览器页面是刷新还是关闭标签页,非常实用,感兴趣的童鞋参考下吧
    2016-04-04
  • JavaScript 放大镜 移动镜片效果代码

    JavaScript 放大镜 移动镜片效果代码

    JavaScript 放大镜是我成为前端后写的第一个组件, 从中学到了很多东西. 现在已经过去超过半年, 我希望能在自己仍有印象的时候, 整理和重新思考其中的一些处理方法, 将它改进, 并将这些想法写出来
    2011-05-05
  • js实现页面跳转的几种方法小结

    js实现页面跳转的几种方法小结

    下面小编就为大家带来一篇js实现页面跳转的几种方法小结。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-05-05
  • 探讨js中的双感叹号判断

    探讨js中的双感叹号判断

    js中的双感叹号判断。在网上查了些资料,他相当于三元运算符,返回boolean值
    2013-11-11
  • js 设置缓存及获取设置的缓存

    js 设置缓存及获取设置的缓存

    这篇文章主要介绍了js如何设置缓存及获取设置的缓存,需要的朋友可以参考下
    2014-05-05

最新评论