html页面,左边点击链接,右边显示内容参考代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function funcShow(id){
for(var i=0;i<5;i++){
var divInfo =document.getElementById('div'+(i+1));
divInfo.style.display='none';
}
var div =document.getElementById('div'+id);
div.style.display='block';
}
</script>
</head>
<body>
<table width="632" border="1">
<tr>
<td width="66"><a href="javascript:funcShow(1)">1 </a></td>
<td width="550" colspan="4" rowspan="5">
<div >5 </a></td>
</tr>
</table>
</body>
</html>
总结
以上是如意编程网为你收集整理的html页面,左边点击链接,右边显示内容参考代码。的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 微信内嵌html5页面清楚缓存
- 下一篇: Sublime Text:格式化插件HT