jQuery等高插件
<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(, ); ** 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);
http://www.cssnewbie.com/equalheights-jquery-plugin/
页:
[1]