24行代码,让你的网页元素任意放大、缩小、拖拽、移动
2014-06-08 14:26
423 查看
基于JQuery:
在线演示,原理分析,请查看 http://levi.cg.am/?p=3486
$(document).mousemove(function(e) { if (!!this.move) { var posix = !document.move_target ? {'x': 0, 'y': 0} : document.move_target.posix, callback = document.call_down || function() { $(this.move_target).css({ 'top': e.pageY - posix.y, 'left': e.pageX - posix.x }); }; callback.call(this, e, posix); } }).mouseup(function(e) { if (!!this.move) { var callback = document.call_up || function(){}; callback.call(this, e); $.extend(this, { 'move': false, 'move_target': null, 'call_down': false, 'call_up': false }); } });
在线演示,原理分析,请查看 http://levi.cg.am/?p=3486
相关文章推荐
- 24行代码,让你的网页元素任意放大、缩小、拖拽、移动
- Android 在代码中设置imageview的大小和位置(满足单方向的放大缩小和任意位置的移动)
- 移动设备(触屏设备)禁止放大缩小网页小技巧
- JS网页图片查看器-可控制图片放大缩小移动|兼容IE、FF
- UIImageView范围内放大,缩小,移动 -- 官方文档代码
- JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动
- JS网页图片查看器-可控制图片放大缩小移动|兼容IE、FF
- JS网页图片查看器-可控制图片放大缩小还原移动效果
- bmp 缩放代码(BMP位图任意放大 和缩小)
- IOS代码添加控件,控件移动,放大,缩小,旋转
- JavaScript特效:通过拖拽移动网页元素
- IOS代码添加控件,控件移动,放大,缩小,旋转
- (纯代码)图片移动放大缩小:
- IOS 图片放大缩小移动,使用block精简代码
- 网页中图片放大缩小代码
- IOS代码添加控件,控件移动,放大,缩小,旋转
- IOS代码添加控件,控件移动,放大,缩小,旋转
- Android WebView网页自适应手机,可放大缩小设置代码
- 移动设备(触屏设备)禁止放大缩小网页小技巧
- IOS代码添加控件,控件移动,放大,缩小,旋转