首页 > 文本表单特效 / jquery特效插件 / > jquery统一列表高度的插件equalHeights

jquery统一列表高度的插件equalHeights

点击: 4996 , 发布日期: 2011-12-19
jquery统一列表高度的插件equalHeights

jquery统一列表高度的插件equalHeights

jquery统一列表高度的插件equalHeights,通常遇到产品排列是我都会在DIV或LI上定个高度再循环列表,不定高度的话如果内容一高浮动的css就会出来排列错误的现象,这是个很头痛的事情,如果内容都是统一在一定范围的话还可以使用,如果内容多少不知道的情况下就麻烦了。所以今天找了个可以根据内容的多少统一高度的jquery插件分享给大家。

jquery代码很简单:

<script type="text/javascript">$(function(){ $('#equalize').equalHeights(); });</script>

 

HTML内容:

 

<div id="equalize" class="container">
		<div class="box"><p>A - Lorem ipsum dolor sit amet</p></div>
		<div class="box"><p>B - consectetur adipisicing elit, sed do eiusmod tempor
		    incididunt</p>
		</div>
		<div class="box"><p>C</p></div>
		<div class="box"><p>D - Ut enim ad minim</p></div>
	</div>

具体效果看一下实例吧。

 

关键词: jquery+css

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论