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

可拖动可改变大小div的实现代码【javascript】

时间:2022-12-05 01:25:20

相关推荐

可拖动可改变大小div的实现代码【javascript】

web前端|js教程

可拖动,改变大小

web前端-js教程

响应式登录源码,浙大ubuntu连网,ios微信爬虫,php zincrby,贵阳seo策略lzw

Dialog

诱导源码论坛,ubuntu命令安装eric,重写tomcat的类加载器,爬虫芝麻分,完整的php教程学习,seo优化交易lzw

.dialogcontainter{height:400px; width:400px; border:1px solid #14495f; position:absolute; font-size:13px;} .dialogtitle{height:26px; width:auto; background-image:url(‘/file_images/08/103444839.p.jpg’);} .dialogtitleinfo{float:left;height:20px; margin-top:2px; margin-left:10px;line-height:20px; vertical-align:middle; color:#FFFFFF; font-weight:bold; } .dialogtitleico{float:right; height:20px; width:21px; margin-top:2px; margin-right:5px;text-align:center; line-height:20px; vertical-align:middle; background-image:url(‘/file_images/08/103419495.p.jpg’);background-position:-21px 0px} .dialogbody{ padding:10px; width:auto; background-color: #FFFFFF;} .dialogbottom{ bottom:1px; right:1px;cursor:nw-resize; position:absolute; background-image:url(‘/file_images/08/103419495.p.jpg’); background-position:-42px -10px; width:10px; height:10px; font-size:0;}

易语言怎么读网页源码,vscode的插件html,ubuntu学习图书,怎么发布tomcat服务,爬虫程序例子,php酒店预订源码,萍乡慧抖销seo优化,简单软件下载网站源码,响应式企业网站模板lzw

<!– var z=1,i=1,left=10 var isIE = (document.all) ? true : false; var $ = function (id) { return document.getElementById(id); }; var Extend = function(destination, source) { for (var property in source) { destination[property] = source[property]; } } var Bind = function(object, fun,args) { 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 create(elm,parent,fn){var element = document.createElement(elm);fn&&fn(element); parent&&parent.appendChild(element);return element}; 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 Dialog = new Class({ options:{ Width : 400, Height : 400, Left : 100, Top : 100, Titleheight : 26, Minwidth : 200, Minheight : 200, CancelIco : true, ResizeIco : false, Info : "新闻标题", Content : "无内容", Zindex : 2 }, initialize:function(options){ this._dragobj = null; this._resize = null; this._cancel = null; this._body = null; this._x = 0; this._y = 0; this._fM = BindAsEventListener(this, this.Move); this._fS = Bind(this, this.Stop); this._isdrag = null; this._Css = null; //////////////////////////////////////////////////////////////////////////////// this.Width = this.options.Width; this.Height = this.options.Height; this.Left = this.options.Left; this.Top = this.options.Top; this.CancelIco = this.options.CancelIco; this.Info = this.options.Info; this.Content = this.options.Content; this.Minwidth = this.options.Minwidth; this.Minheight = this.options.Minheight; this.Titleheight= this.options.Titleheight; this.Zindex = this.options.Zindex; Extend(this,options); Dialog.Zindex = this.Zindex //////////////////////////////////////////////////////////////////////////////// 构造dialog var obj = [dialogcontainter,dialogtitle,dialogtitleinfo,dialogtitleico,dialogbody,dialogbottom]; for(var i = 0;i

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

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