您的位置:首页 > Web前端 > JQuery

jquery fixMaxWH插件-IE下兼容max-width和max-height

2010-10-28 16:33 603 查看
开始时候一个个页面的写,后来发现不如写出插件形式,方便调用。

(function($){
	$.fn.fixMaxWH = function() {
		this.each(function() {
			var ele = $(this);
			var maxWidth = parseInt(ele.css('max-width'));
			var maxHeight = parseInt(ele.css('max-height'));
			if (ele.width() > maxWidth) {
				ele.width(maxWidth);
			}
			if (ele.height() > maxHeight) {
				ele.height(maxHeight);
			}
		});
	}
})(jQuery);


不过发现在IE6下应用到图片时候还是不能完全到达在firefox等标准浏览器下的效果。

使用例子:

$(function(){
     //选择要应用max-width, max-height效果的元素
     $('.someclass img').fixMaxWH();
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: