菜单

给十八岁的自己

2020年3月16日 - www.2138.com

jQuery拖拽通过八个点改变div大小

给十八岁的自己。希望十八岁的你最爱的人是自己

 { /** * 默认参数 */ var defaultOpts = { stage: document, //舞台 item: 'resize-item', //可缩放的类名 }; /** * 定义类 */ var ZResize = function { this.options = $.extend({}, defaultOpts, options); this.init(); } ZResize.prototype = { init: function() { this.initResizeBox(); }, /** * 初始化拖拽item */ initResizeBox: function() { var self = this; $.each { //创建面板 var width = $; var height = $; var resizePanel = $(''); resizePanel.css({ width: width, height: height, top: 0, left: 0, position: 'absolute', 'background-color': 'rgba', cursor: 'move', display: 'none' }); self.appendHandler; /** * 创建控制点 */ var n = $;//北 var s = $;//南 var w = $;//西 var e = $;//东 var ne = $;//东北 var nw = $;//西北 var se = $;//东南 var sw = $;//西南 //添加公共样式 self.addHandlerCss([n, s, w, e, ne, nw, se, sw]); //添加各自样式 n.css({ 'top': '-4px', 'margin-left': '-4px', 'left': '50%', 'cursor': 'n-resize' }); s.css({ 'bottom': '-4px', 'margin-left': '-4px', 'left': '50%', 'cursor': 's-resize' }); e.css({ 'top': '50%', 'margin-top': '-4px', 'right': '-4px', 'cursor': 'e-resize' }); w.css({ 'top': '50%', 'margin-top': '-4px', 'left': '-4px', 'cursor': 'w-resize' }); ne.css({ 'top': '-4px', 'right': '-4px', 'cursor': 'ne-resize' }); nw.css({ top: '-4px', 'left': '-4px', 'cursor': 'nw-resize' }); se.css({ 'bottom': '-4px', 'right': '-4px', 'cursor': 'se-resize' }); sw.css({ 'bottom': '-4px', 'left': '-4px', 'cursor': 'sw-resize' }); // 添加项目 self.appendHandler([n, s, w, e, ne, nw, se, sw], resizePanel); //绑定拖拽缩放事件 self.bindResizeEvent; //绑定触发事件 self.bindTrigger; self.bindHidePanel(); }, //控制点公共样式 addHandlerCss: function { for(var i = 0; i < els.length; i++) { el = els[i]; el.css({ position: 'absolute', width: '8px', height: '8px', background: '#ff6600', margin: '0', 'border-radius': '2px', border: '1px solid #dd5500', }); } }, /** * 插入容器 */ appendHandler: function { for(var i = 0; i < handlers.length; i++) { el = handlers[i]; target.append; } }, /** * 显示拖拽面板 */ triggerResize: function { var self = this; el.siblings.children.css; el.children.css; }, /** * 拖拽事件控制 包含8个缩放点 和一个拖拽位置 */ bindResizeEvent: function { var self = this; var ox = 0; //原始事件x位置 var oy = 0; //原始事件y位置 var ow = 0; //原始宽度 var oh = 0; //原始高度 var oleft = 0; //原始元素位置 var otop = 0; var org = el.parent; //东 var emove = false; el.on('mousedown','.e', function { ox = e.pageX;//原始x位置 ow = el.width; //南 var smove = false; el.on('mousedown','.s', function { oy = e.pageY;//原始x位置 oh = el.height; //西 var wmove = false; el.on('mousedown','.w', function { ox = e.pageX;//原始x位置 ow = el.width(); wmove = true; oleft = parseInt.replace; //北 var nmove = false; el.on('mousedown','.n', function { oy = e.pageY;//原始x位置 oh = el.height(); nmove = true; otop = parseInt.replace; //东北 var nemove = false; el.on('mousedown','.ne', function { ox = e.pageX;//原始x位置 oy = e.pageY; ow = el.width; nemove = true; otop = parseInt.replace; //西北 var nwmove = false; el.on('mousedown','.nw', function { ox = e.pageX;//原始x位置 oy = e.pageY; ow = el.width; otop = parseInt.replace; oleft = parseInt.replace; nwmove = true; }); //东南 var semove = false; el.on('mousedown','.se', function { ox = e.pageX;//原始x位置 oy = e.pageY; ow = el.width; semove = true; }); //西南 var swmove = false; el.on('mousedown','.sw', function { ox = e.pageX;//原始x位置 oy = e.pageY; ow = el.width; swmove = true; oleft = parseInt.replace; //拖拽 var drag = false; el.on('mousedown', function { ox = e.pageX;//原始x位置 oy = e.pageY; otop = parseInt.replace; oleft = parseInt.replace; drag = true; }); $.on('mousemove', function { var x = ; el.css; org.css; } else if { var y = ; el.css; org.css; } else if { var x = ; el.css({ width: ow - x, // left: oleft + x }); org.css({ width: ow - x, left: oleft + x }); } else if { var y = ; el.css({ height: oh - y, // top: otop + y }); org.css({ height: oh - y, top: otop + y }); } else if { var x = e.pageX - ox; var y = e.pageY - oy; el.css({ height: oh - y, // top: otop + y, width: ow + x }); org.css({ height: oh - y, top: otop + y, width: ow + x }); } else if { var x = e.pageX - ox; var y = e.pageY - oy; el.css({ height: oh - y, // top: otop + y, width: ow - x, // left: oleft + x }); org.css({ height: oh - y, top: otop + y, width: ow - x, left: oleft + x }); } else if { var x = e.pageX - ox; var y = e.pageY - oy; el.css({ width: ow + x, height: oh + y }); org.css({ width: ow + x, height: oh + y }); } else if { var x = e.pageX - ox; var y = e.pageY - oy; el.css({ width: ow - x, // left: oleft + x, height: oh + y }); org.css({ width: ow - x, left: oleft + x, height: oh + y }); } else if { var x = e.pageX - ox; var y = e.pageY - oy; org.css({ left: oleft + x, top: otop + y }); } }).on('mouseup', function { emove = false; smove = false; wmove = false; nmove = false; nemove = false; nwmove = false; swmove = false; semove = false; drag = false; }); }, /** * 点击item显示拖拽面板 */ bindTrigger: function { var self = this; el.on { e.stopPropagation(); self.triggerResize; }, /** * 点击舞台空闲区域 隐藏缩放面板 */ bindHidePanel: function { var stage = this.options.stage; var item = this.options.item; $.bind { $.css; }) } } window.ZResize = ZResize; }); 

   jQuery拖拽放大缩小插件idrag  .item1 { width: 405px; height: 291px; cursor: move; position: absolute; top: 30px; left: 30px; background-color: #FFF; border: 1px solid #CCCCCC; -webkit-box-shadow: 10px 10px 25px #ccc; -moz-box-shadow: 10px 10px 25px #ccc; box-shadow: 10px 10px 25px #ccc; } .item2 { width: 200px; height: 100px; cursor: move; position: absolute; top: 400px; left: 100px; background-color: #FFF; border: 1px solid #CCCCCC; -webkit-box-shadow: 10px 10px 25px #ccc; -moz-box-shadow: 10px 10px 25px #ccc; box-shadow: 10px 10px 25px #ccc; line-height: 100px; text-align: center; } body { background-color: #F3F3F3; }         你是我的小小狗      new ZResize({ stage: "#mydiv", //&#33310;&#21488; item: '#div1', //&#21487;&#32553;&#25918;&#30340;&#31867;&#21517; });    

希望十八岁的你每天都能吃到可口的食物

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

希望十八岁的你每天都能穿上心爱的衣裳

希望十八岁的你可以在每个街口听见好听的歌

希望十八岁的你可以在每个阴天都能看场电影

www.2138.com,希望十八岁的你还喜欢着那个作家的文字

希望十八岁的你会一样乐器还能有一道拿手菜

希望十八岁的你能好好照顾自己不要生病

希望十八岁的你不再有丢三落四的坏毛病

希望十八岁的你喜欢鲜艳的颜色

希望十八岁的你不用去揣测对面人的心思

希望十八岁的你不出挑也别被人群淹没

希望十八岁的你不经历恋爱的消遣和磨难

希望十八岁的你不要变得太成熟也别太幼稚

希望十八岁的你洒脱明朗没有灰暗的第二面

希望十八岁的你眼睛里只透着笑意和阳光

希望十八岁的你依然念旧但不恋旧

希望十八岁的你不掉进世俗的黑洞

希望十八岁的你不伤害别人对得起自己

希望十八岁的你坦坦荡荡与所有的恶人无关

希望十八岁的你看得清现实也做得起梦

希望十八岁的你不用忍受误解和苛责

希望十八岁的你身边没有任何人离开

希望十八岁之后的你可以和之前不一样

希望十八岁的你能够不留遗憾安安稳稳

希望十八岁的你永远庆幸你是你

希望在十九岁的你来到之前我们好好相处

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图