html实时视图不显示已设置样式 左边实时视图 右边设计视图 下面是代码

因为是超链接，你在设置样式时前面加个 a

比如说对某一下个td，设置样式 .td{……}，这样td里面是文本什么的，就起到作用，但里是是超链接的话。就会有<a>……</a>,那么就要再设一个.td a{……}才能对<a>……</a>里面的东西起作用。

这个是点击之后触发事件，是要用到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)">坐骑</li> 

<li onclick="choose(4)">佣兵</li> 

<li onclick="choose(5)">骑士</li>                     

</ul> 

</div> 

<div class="right"> 

<div id="1"><img src="01.png"/></div> 

<div id="2" class="ycdiv"><img src="02.png"/></div> 

<div id="3" class="ycdiv"><img src="03.png"/></div> 

<div id="4" class="ycdiv"><img src="04.png"/></div> 

<div id="5" class="ycdiv"><img src="05.png"/></div> 

</div> 

</div> 

JS代码如下：

<script type="text/javascript">  

for(var i=2i<=5i++){  

document.getElementById(i).style.display="none"//让多余的div隐藏  

}  

function choose(obj){  

//隐藏所有的div  

for(var i=1i<=5i++){  

document.getElementById(i).style.display="none"//让div隐藏  

}  

document.getElementById(obj).style.display="block"    //给li加样式 

var lis = document.getElementsByTagName("li")//下标从0开始  

for(var i=0i<lis.lengthi++){  

lis[i].className = "" 

}  

lis[obj-1].className = "select" 

}  

</script>

其他的你自己去琢磨下，原理和代码已给到。

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

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

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

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

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

---