JQuery implements a complete instance of layer that can be scaled in the lower right corner. jquery scales

JQuery implements a complete instance of layer that can be scaled in the lower right corner. jquery scales

This example describes how to scale a layer in the lower right corner of jQuery. We will share this with you for your reference. The details are as follows:

<! Doctype html public "-// W3C // dtd html 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> 
After the function is encapsulated:
function resize(div){  div.mousemove(function(e){    var e = e || window.event;    var posx = e.clientX;    var posy = e.clientY;    var l = div.offset().left;    var t = div.offset().top;    var h = div.height();    var w = div.width();    var ol = l+w-10;    var or = l+w+10;    var ot = t+h-10;    var ob = t+h+10;    $(this).css("cursor","");    if(posx>ol && posx<or && posy >ot && posy<ob){      $(this).css("cursor","nw-resize");    }  });  div.mousedown(function(e){    var e = e || window.event;    var posx = e.clientX;    var posy = e.clientY;    var l = div.offset().left;    var t = div.offset().top;    var h = div.height();    var w = div.width();    var ol = l+w-10;    var or = l+w+10;    var ot = t+h-10;    var ob = t+h+10;    if(posx>=ol && posx<=or && posy >=ot && posy<=ob){      document.onmousemove = function(e){        var e = e || window.event;        var currX = e.clientX;        var currY = e.clientY;        div.width(w + (currX - posx));        div.height(h+(currY-posy));      }      $(document).mouseup(function(){        document.onmousemove = null;      });    }  });}