var comm = { //jquery对象垂直居中 //$objbox: 居中元素相对的元素 //$obj: 需要居中的元素 centerv : function($objbox, $obj){ $objbox.css("position","relative"); $obj.css({ "position" : "relative", "top" : ($objbox.height() - $obj.height()) / 2 }); }, //jquery对象水平居中 //$objbox: 居中元素相对的元素 //$obj: 需要居中的元素 centerh : function($objbox, $obj){ $objbox.css("position","relative"); $obj.css({ "position" : "relative", "left" : ($objbox.width() - $obj.width()) / 2, }); }, //jquery对象水平垂直居中 //$objbox: 居中元素相对的元素 //$obj: 需要居中的元素 centerhv :function($objbox, $obj){ this.centerh($objbox, $obj); this.centerv($objbox, $obj); }, //等比缩放元素-放大 //$objbox: 元素的显示区域 //$obj: 需要缩放的元素 zoombig:function($objbox, $obj){ //获得显示区域的宽高比 var objboxratio = $objbox.width() / $objbox.height(); alert(objboxratio); //获得图片的宽高比 var objratio = $obj.width() / $obj.height(); //重新设置图片的宽高 if (objratio > objboxratio) { $obj.width($objbox.height() * objratio); $obj.height($objbox.height()); } else { $obj.width($objbox.width()); $obj.height($objbox.width() / objratio); } }, //等比缩放元素-缩小 //$objbox: 元素的显示区域 //$obj: 需要缩放的元素 zoomsmall:function($objbox, $obj){ //获得显示区域的宽高比 var objboxratio = $objbox.width() / $objbox.height(); //获得图片的宽高比 var objratio = $obj.width() / $obj.height(); //重新设置图片的宽高 if (objratio > objboxratio) { $obj.width($objbox.width()); $obj.height($objbox.width() / objratio); } else { $obj.width($objbox.height() * objratio); $obj.height($objbox.height()); } }, //等比缩放并垂直水平居中元素 //$objbox: 元素的显示区域 //$obj: 需要缩放的元素 //zoom: 缩放类型 "big"、"small" 默认"small"; zoomhv:function($objbox, $obj, zoom){ if (zoom == "big") { this.zoombig($objbox, $obj); }else{ this.zoomsmall($objbox, $obj); } this.centerv($objbox, $obj); } }