JQuery插件第三十五个:在指定范围内水平垂直居中浮动层
来源:互联网 发布:绘图软件spaceman 编辑:程序博客网 时间:2024/06/06 16:30
//常量:浮动层的生成时的初始位置坐标,数据来自操作台的坐标与窗口坐标的距离var DIV_X_DIFFERENCE = 194;var DIV_Y_DIFFERENCE = 167;//设置层的坐标(function($) { $.fn.point = function(options) { var defaults = { X: 0, Y: 0 }; //坐标对象 var opts = $.extend(defaults, options); //主要执行过程 return this.each(function() { $(this).css({ "left": parseInt(opts.X), "top": parseInt(opts.Y) }); }); };})(jQuery);//让当前层水平垂直居中(function($) { $.fn.positionCenter = function(options) { var defaults = { box: null }; //操作台box var opts = $.extend(defaults, options); if (opts.box == null) return; var w = $(this).width(); var h = $(this).height(); var marginLeft = parseInt(w / 2); var marginTop = parseInt(h / 2); var winWidth = parseInt(opts.box.width() / 2); var winHeight = parseInt(opts.box.height() / 2); var left = winWidth - marginLeft; var top = winHeight - marginTop; var cp = { X: left + DIV_X_DIFFERENCE, Y: top + DIV_Y_DIFFERENCE }; //主要执行过程 $(this).point(cp); };})(jQuery);