页面中html代码
<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Elevator-trade.com</title>
<script src="jquery.js" type="text/javascript"></script>
<script language="javascript">
<!--
$(function(){
$("#right").bind("resize",function(){
$("#left").height($("#right").height()).html("我是左,高:"+$("#left").height());
})
$("#right>a").bind("click",function(){
$("#right").height($("#right").height()+20);
});
});
//-->
</script>
</head>
<body>
<div style="clear:both;overflow:hidden;zoom:1;">
<div id="left" style="float:left;width:200px;background:#000;color:#FFF;"></div>
<div id="right" style="float:left;margin:0 0 0 10px;width:200px;background:#CCC;"><a href="javascript:;">点我右高度+20</a><br /></div>
</div>
</body>
</html>
其中要引用jquery文件 下载地址为::http://ajax.game4fun.cn/jQuery.js