jQuery等高插件

最新推荐文章于 2022-02-25 20:00:37 发布

tianyazjq

最新推荐文章于 2022-02-25 20:00:37 发布

阅读量119

点赞数

分类专栏： Jquery技术专栏文章标签： jQuery CSS Java C C++ ViewUI

Jquery技术专栏专栏收录该内容

5 篇文章 0 订阅

订阅专栏


<script>
$(document).ready(function() {
	$('#fixem').bind('click',function(){$('.block').equalHeights();});
	$('#breakem').bind('click',function(){$('.block').css('height','auto')});
});
</script>


/**
 * Equal Heights Plugin
 * Equalize the heights of elements. Great for columns or any elements
 * that need to be the same size (floats, etc).
 * 
 * Version 1.0
 * Updated 12/10/2008
 *
 * Copyright (c) 2008 Rob Glazebrook (cssnewbie.com) 
 *
 * Usage: $(object).equalHeights([minHeight], [maxHeight]);
 * 
 * Example 1: $(".cols").equalHeights(); Sets all columns to the same height.
 * Example 2: $(".cols").equalHeights(400); Sets all cols to at least 400px tall.
 * Example 3: $(".cols").equalHeights(100,300); Cols are at least 100 but no more
 * than 300 pixels tall. Elements with too much content will gain a scrollbar.
 * 
 */

(function($) {
	$.fn.equalHeights = function(minHeight, maxHeight) {
		tallest = (minHeight) ? minHeight : 0;
		this.each(function() {
			if($(this).height() > tallest) {
				tallest = $(this).height();
			}
		});
		if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
		return this.each(function() {
			$(this).height(tallest).css("overflow","auto");
		});
	}
})(jQuery);