jquery控制相同高度

这个效果是控制左右两边的高度,左右始终保持一样高。

首先在html头部要载入jquery库文件,js代码:

代码
$(function(){
    
var left_height=$('#left').height();
    
var right_height=$('#right').height();
    
if(left_height>right_height)
    {
        $(
'#right').height(left_height);
    }
    
else
    {
        $(
'#left').height(right_height);
    }
});

 

css:

#left{background:red};
#right
{backgruond:#000;}

htm:

<div id="left">

  左边内容<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>

</div>

<div class="right">

  右边内容

</div>

 

posted @ 2010-03-12 13:40  lch880  阅读(251)  评论(0编辑  收藏  举报