html点击左边代码右边显示相应的内容

dreamweaver点击左边导航后右边出现内容代码怎么写，任何可以实现此项的代码！我要整体代码哦，一定要能够测试的！如果每种代码都给我发一下，我会在加30分！我的邮箱5... dreamweaver点击左边导航后右边出现内容代码怎么写，任何可以实现此项的代码！我要整体代码哦，一定要能够测试的！如果每种代码都给我发一下，我会在加30分！我的邮箱543451691@qq.com 展开

 我来答

5个回答

#热议# 为什么有人显老，有人显年轻？

游戏放松小助手

高粉答主

2020-04-22 · 我是游戏小达人，乐于助人

游戏放松小助手

采纳数：32 获赞数：76895

向TA提问私信TA

关注

展开全部

1、首先在电脑中打开Dreamweaver，然后在网页设计中点击编辑按钮，就可以下拉。

2、然后点击这个二级菜单代码折叠。

3、接下来在这里就可以使用各种折叠的命令了，同样还能使用他的快捷键按钮。

4、或者在代码这里还可以直接点击。

5、这时候就可以看到代码后面这样省略的显示，代码就被折叠起来了。

已赞过 已踩过<

评论收起

百度网友d116c43d
2016-01-04 · 知道合伙人互联网行家

百度网友d116c43d
知道合伙人互联网行家

采纳数：285 获赞数：774

思科初级网络工程师CCNA 思科高级网络工程师CCNP 华为初级网络工程师

向TA提问私信TA

关注

展开全部

如果按你说的话，那就要用JavaScript了，在右侧的单元格里面设置多个div，没一个标题对于一个div，然后当单击左面的标题的时候把右面的对应div设置成显示的，其他的设置成隐藏的就行了，我用写一段代码，你试试
<!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 id="div1" style="display:block">此处显示id "div1" 的内容</div>
<div id="div2" style="display:none">此处显示id "div2" 的内容</div>
<div id="div3" style="display:none">此处显示id "div3" 的内容</div>
<div id="div4" style="display:none">此处显示id "div4" 的内容</div>
<div id="div5" style="display:none">此处显示id "div5" 的内容</div></td>
</tr>
<tr>
<td><a href="javascript:funcShow(2)">2 </a></td>
</tr>
<tr>
<td><a href="javascript:funcShow(3)">3 </a></td>
</tr>
<tr>
<td><a href="javascript:funcShow(4)">4 </a></td>
</tr>
<tr>
<td><a href="javascript:funcShow(5)">5 </a></td>
</tr>
</table>

</body>
</html>

或者还有一种方法是框架
用Dreamweaver中在窗口中有个窗口菜单，里面有个框架，把它占出来。它会出现在侧边栏里面，然后你点击这一栏里面的三横一个下三角的地方，里面会有一些选项，里面就有一个帮助。是关于框架的用法。

已赞过 已踩过<

评论收起

yuchixue
推荐于2017-11-23 · TA获得超过181个赞

知道小有建树答主

回答量：269

采纳率：100%

帮助的人：208万

我也去答题访问个人页

关注

展开全部

<div style="width:630px;float:left;height:500px;">

<div style="float:left;height:500px;width:150px;">

  <ul style="padding:0px;margin:0ox;">
    <li id="LI0" style="float:left;background:#ccc;margin-top:5px;width:140px;">
<a href="#" onclick="document.getElementById('cont0').style.display='block';document.getElementById('cont1').style.display='none'">第一个内容</a>
</li>

    <li id="LI1" style="float:left;background:#ccc;margin-top:5px;width:140px;">
<a href="#" onclick="document.getElementById('cont1').style.display='block';document.getElementById('cont0').style.display='none'"
>第二个内容</a>

</li>
  </ul>

</div>

<div style="float:left;width:430px;background:#eee;height:500px;">
<div id="cont0" style="float:left;width:430px;height:500px;float:left;display:none">
   第一个内容
 第一个内容
 第一个内容
 第一个内容
 第一个内容
 第一个内容
 第一个内容
  
</div>

<div id="cont1" style="float:left;width:430px;height:500px;float:left;display:none">
   第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 

第二个内容

</div>

</div>

<div> 

刚写的 没测试，看下吧  应该可以

是用的脚本控制 

可以优化一下   

临时写 也就没怎么优化

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

小alison
2010-09-25 · 超过29用户采纳过TA的回答

知道答主

回答量：198

采纳率：0%

帮助的人：104万

我也去答题访问个人页

关注

展开全部

用Dreamweaver中在窗口中有个窗口菜单，里面有个框架，把它占出来。它会出现在侧边栏里面，然后你点击这一栏里面的三横一个下三角的地方，里面会有一些选项，里面就有一个帮助。是关于框架的用法。

你参照那个就会看懂的，不是很难的。

希望你能满意

已赞过 已踩过<

评论收起

Love太阳
2010-09-25 · 超过12用户采纳过TA的回答

知道答主

回答量：77

采纳率：0%

帮助的人：31.5万

我也去答题访问个人页

关注

展开全部

框架！！和伪框架都能做！！

要写几个页面

您可以先学习一下这个再写吧！！这个不是一句话就能说清的！！！

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html点击左边代码右边显示相应的内容

其他类似问题

为你推荐：