楼主这个左侧要点击的链接,是直接加载的其它页面?还是读取其它页面元素内容填充的?
程序代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<style>
table{
border-collapse:collapse;
border: 1px solid #ffffff;
width: 100%;
}
td.left{ width:30%;background:#99dd33;}
td.right{ width:70%;background:#CCCC33;}
</style>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("li").click(function(){
var txt=$(this).html();
$("#txt_div").html(txt);
//htmlobj=$.ajax({url:url,async:false}); 这时根所左侧所点击标题内容在右侧加载相关内容
//$("#txt_div").html(htmlobj.responseText);
});
});
</script>
</head>
<body>
<table>
<tr><td class="left">
<li>aa</li>
<li>bb</li>
<li>cc</li>
<li>dd</li>
</td>
<td class="right">
<div id="txt_div">显示区域</div>
</td><tr>
</table>
</body>
</html>