js透過八個點拖曳改變div大小的實作方法_javascript技巧

複製程式碼 程式碼如下: Resize #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute;background:#C00;width:6px;height:6px;z-index:5;font-size:0;} #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rRightDown{ bottom:-3px; right:-3px;} #rLeftDown{ bottom:-3px; left:-3px;} #rRightUp{ top:-3px; right:-3px;} #rLeftUp{ top:-3px; left:-3px;} #rRight{ right:-3px; top:50%} #rLeft{ left:-3px; top:50%} #rUp{ top:-3px; left:50%} #rDown{ bottom:-3px; left:50%} var Sys = (function(ua){ var s = {}; s.IE = ua.match(/msie ([\d.]+)/)?true:false; s.Firefox = ua.match(/firefox\/([\d.]+)/)?true:false; s.Chrome = ua.match(/chrome\/([\d.]+)/)?true:false; s.IE6 = (s.IE&&([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 6))?true:false; s.IE7 = (s.IE&&([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 7))?true:false; s.IE8 = (s.IE&&([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 8))?true:false; return s; })(navigator.userAgent.toLowerCase()); var $ = function (id) { return document.getElementById(id); };

var Css = function(e,o){ for(var i in o) e.style[i] = o[i]; };

var Extend = function(destination, source) { for (var property in source) { destination[property] = source[property]; } };

var Bind = function(object, fun) { var args = Array.prototype.slice.call(arguments).slice(2); return function() { return fun.apply(object, args); } };

var BindAsEventListener = function(object, fun) { var args = Array.prototype.slice.call(arguments).slice(2); return function(event) { return fun.apply(object, [event || window.event].concat(args)); } };

var CurrentStyle = function(element){ return element.currentStyle || document.defaultView.getComputedStyle(element, null); };

function addListener(element,e,fn){ element.addEventListener?element.addEventListener(e,fn,false):element.attachEvent("on" + e,fn); }; function removeListener(element,e,fn){ element.removeEventListener?element.removeEventListener(e,fn,false):element.detachEvent("on" + e,fn) };

var Class = function(properties){ var _class = function(){return (arguments[0] !== null && this.initialize && typeof(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this;}; _class.prototype = properties; return _class; };

js透過八個點 拖曳改變div大小的實作方法_javascript技巧

js透過八個點拖曳改變div大小的實作方法_javascript技巧