欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

html页面,左边点击链接,右边显示内容参考代码。

发布时间:2022/11/16 HTML 14 老码农
如意编程网 收集整理的这篇文章主要介绍了 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页面,左边点击链接,右边显示内容参考代码。的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。