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

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

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

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-01-04
如果按你说的话,那就要用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中在窗口中有个窗口菜单,里面有个框架,把它占出来。它会出现在侧边栏里面,然后你点击这一栏里面的三横一个下三角的地方,里面会有一些选项,里面就有一个帮助。是关于框架的用法。
第2个回答  推荐于2017-11-23
<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>

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

是用的脚本控制

可以优化一下

临时写 也就没怎么优化本回答被提问者采纳
第3个回答  2010-09-25
用Dreamweaver中在窗口中有个窗口菜单,里面有个框架,把它占出来。它会出现在侧边栏里面,然后你点击这一栏里面的三横一个下三角的地方,里面会有一些选项,里面就有一个帮助。是关于框架的用法。

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

希望你能满意
第4个回答  2010-09-25
框架!!和伪框架都能做!!

要写几个页面

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

html点击左边代码右边显示相应的内容
1、首先在电脑中打开Dreamweaver,然后在网页设计中点击编辑按钮,就可以下拉。2、然后点击这个二级菜单代码折叠。3、接下来在这里就可以使用各种折叠的命令了,同样还能使用他的快捷键按钮。4、或者在代码这里还可以直接点击。5、这时候就可以看到代码后面这样省略的显示,代码就被折叠起来了。

html如何点击左边的导航,右边弹出对应的内容?
这个是点击之后触发事件,是要用到js代码的,我这大概给一个框架,css代码你自己设置一下:html代码如下:<div class="main"> <div class="left"> <ul> <li onclick="choose(1);" class="select">玄界<\/li> <li onclick="choose(2);">阶位<\/li> <li onclick="choose(3);">坐骑<\/...

点击左边文字,右边出现相应的图片,html语言如何实现?
回答:这个需要JS,简单用Jquery来写吧,就在图片位置有个默认图片,然后点击左边,更改图片的路径就可以了撒!

HTML中单击选择左边然后右边显示出左边单击出来的内容的代码是什么?
整个网页是框架,左右分栏,名字分别为leftframe、rightframe,左侧的超链接为<a href="" target="rightframe"><\/a>就可以了。

html中框架左边目录点击跳到右边相应内容
我的写后,在IE(好像是6.0)浏览器中点击左边目录中一项后,是打开的新页面,虽然里面是对应右边框架内指定位置的内容。不过我想在当前页面的右边直接跳转下面是部分代码: frame2.html <a href="frame3.html#6.1" target="mainFrame"><p><u>第一章 HTML 基... 展开 hqx...

...html,css制作一个页面,点击左边链接,右边显示相应页面,要求使用iframe...
1首先要获取左侧那组标签,遍历一边注册点击事件,通过不同索引动态的给iframe更换的地址。(需要js)2右侧写好多个iframe,右侧显示区域设置overflow:hidden,隐藏掉超出的iframe,通过左侧a标签点击触发右侧的锚点。(无需js)

html框架如何实现左边为导航栏,右边为连接页面,代码写出来
1、首先打开Deamweaver8,新建一网页文件,接着输入以下导航菜单的内容。2、此时对应效果如图。3、接下来准备相关的导航按钮图片(可以事先利用PS制作好)。4、然后将以下CSS代码加入到<head><\/head>之间。5、网页此时的效果如图,就完成了。

HTML使用DIV+CSS如何实现左边导航,右边显示内容,点击那个导航显示那个内 ...
html .clearfix { height: 1%; } .clearfix { display: block; } html { font-size: 62.5%; \/* 10÷16=62.5% *\/ } body { font-size: 12px; font-size: 1.2rem; background: #F8F8F8; font-family: "宋体"; } ul { width: 180px; margin: 0 auto; background: #fff; ...

...左侧是菜单栏,点击不同的菜单选项在右侧出现相应的内容?_百度...
左侧:菜单,给每个菜单设置id和onclick点击事件,onclick事件触发的函数假设写为display()右侧:写个固定样式的div,id假设设置为board。如果你的菜单内容在服务器 display()的实现如下 function display(){ $.ajax({ type: "POST", url: 菜单所请求的内容地址, data: this.id等等相关...

...怎么才能在左边点击连接然后本页面右边显示内容,不用框架。我用的...
<div>内容一<\/div> 右侧出现的内容 <div>内容二<\/div> <\/div> jQuery Code:('#divright div').hide();('#divleft a').each(function(i){ (this).click((function(k){ return function(){ var int = k;('#divright div').hide();('#divright').find('div').eq(int).show(...

相似回答