300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > js实现的八点拖动修改div大小的代码【javascript】

js实现的八点拖动修改div大小的代码【javascript】

时间:2020-09-30 08:55:20

相关推荐

js实现的八点拖动修改div大小的代码【javascript】

web前端|js教程

js,拖动修改,div

web前端-js教程

bigmap源码,ubuntu界面闪,tomcat需要下载几呢,爬虫 超时 10060,php验证码实现原理,seo关键词排名哪家值得信赖lzw

Resize

网校系统源码 php,ubuntu卡死的原因,控制台tomcat调出来,关于爬虫的简介,php几万条数据,seo效果作用lzw

#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%}

安卓 app 源码,ubuntu清除文件命令,tomcat上传超大文件,爬虫箱发黄,如何使用php环境,百度seo推广一个词条多少钱lzw

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; };

var Resize =new Class({initialize : function(obj){ this.obj = obj; this.resizeelm = null; this.fun = null; //记录触发什么事件的索引 this.original = []; //记录开始状态的数组 this.width = null; this.height = null; this.fR = BindAsEventListener(this,this.resize); this.fS = Bind(this,this.stop); },set : function(elm,direction){ if(!elm)return; this.resizeelm = elm; addListener(this.resizeelm,’mousedown’,BindAsEventListener(this, this.start, this[direction])); return this;},start : function(e,fun){ this.fun = fun; this.original = [parseInt(CurrentStyle(this.obj).width),parseInt(CurrentStyle(this.obj).height),parseInt(CurrentStyle(this.obj).left),parseInt(CurrentStyle(this.obj).top)]; this.width = (this.original[2]||0) + this.original[0]; this.height = (this.original[3]||0) + this.original[1]; addListener(document,”mousemove”,this.fR); addListener(document,’mouseup’,this.fS);},resize : function(e){ this.fun(e); Sys.IE?(this.resizeelm.onlosecapture=function(){this.fS()}):(this.resizeelm.onblur=function(){this.fS()})},stop : function(){ removeListener(document, “mousemove”, this.fR); removeListener(document, “mousemove”, this.fS); window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); },up : function(e){ this.height>e.clientY?Css(this.obj,{top:e.clientY + “px”,height:this.height-e.clientY + “px”}):this.turnDown(e);},down : function(e){ e.clientY>this.original[3]?Css(this.obj,{top:this.original[3]+’px’,height:e.clientY-this.original[3]+’px’}):this.turnUp(e); },left : function(e){ e.clientXthis.original[2]?Css(this.obj,{left:this.original[2]+’px’,width:e.clientX-this.original[2]+”px”}):this.turnLeft(e) ;},leftUp:function(e){ this.up(e);this.left(e);},leftDown:function(e){ this.left(e);this.down(e);},rightUp:function(e){ this.up(e);this.right(e);},rightDown:function(e){ this.right(e);this.down(e);},turnDown : function(e){ Css(this.obj,{top:this.height+’px’,height:e.clientY – this.height + ‘px’});},turnUp : function(e){ Css(this.obj,{top : e.clientY +’px’,height : this.original[3] – e.clientY +’px’});},turnRight : function(e){ Css(this.obj,{left:this.width+’px’,width:e.clientX- this.width +’px’});},turnLeft : function(e){ Css(this.obj,{left:e.clientX +’px’,width:this.original[2]-e.clientX+’px’}); } }); window.onload = function(){new Resize($(‘ss’)).set($(‘rUp’),’up’).set($(‘rDown’),’down’).set($(‘rLeft’),’left’).set($(‘rRight’),’right’).set($(‘rLeftUp’),’leftUp’).set($(‘rLeftDown’),’leftDown’).set($(‘rRightDown’),’rightDown’).set($(‘rRightUp’),’rightUp’); }

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。