qdialog不允许放大缩小弹窗_弹窗拖拽和放大缩小

引言

1.编写目的

统一HTML5在线开发工具代码风格，实现开发工程化，提高代码复用率，降低开发代码

开发规范

1.目录结构

目录分为css、images、js 三个目录文件夹

2.css

main.css  页面布局样式

3.images

页面所有图片

4.js

a) jquery-1.7.1.js     jQuery库

b) scripts.js   封装拖拽插件

插件

1.插件名称 myPlugin

2.插件调用 $(元素).myPlugin(参数)

3.插件的基本定义$.fn.myPlugin = function(options) {

var defaults = {

参数1:''

参数2:''

};

var settings = $.extend({} , defaults, options);

}

插件引用(scripts.js)

1.拖拽弹窗

a) 参数 draftin : '.J-xloginPanel h3' 拖拽的元素

b) 参数 parentdraf : '.J-xloginPanel' 拖拽元素父级

c) 当鼠标按下时获取(当前x，y轴到父级的距离)var disX = event.pageX - $(settings.parentdraf).offset().left

var disY = event.pageY - $(settings.parentdraf).offset().to