<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<STYLE type="text/css">
.sh{
        width:100%;
}
.sh ul{
        float:none;
        list-style-type: none;
}
.sh li{
        padding:1px;
        ont-size:16px;
        font-weight:bold;
        cursor:hand;
        width:95%;       
}
.h2 {
        margin:0 5px;
        padding:0;
        color:#003399;
        font-size:16px;
        border:0;
        }
.h3 {
        font-size:13px;
        color:#FF6131;
        padding-left: 16px;
        }
.content{
        border:1px #005AC6 dashed;
        position:relative;
        height:auto;
        width:100%;
        display:none;
        padding:10px;
        font-size:12px;
        }
.div1{
        padding:1px;
}
.div2{
        padding:1px;
        text-align:right;
        color:#FF6131;
}
a{
        display:block;
        text-decoration:none;
}
</STYLE>

<script>
function showWord(){
if(aa1.style.display==""){
aa1.style.display="none";
}else{
aa1.style.display="";
}
if(aa2.style.display==""){
aa2.style.display="none";
}else{
aa2.style.display="";
}
if(aa3.style.display==""){
aa3.style.display="none";
}else{
aa3.style.display="";
}
if(aa4.style.display==""){
aa4.style.display="none";
}else{
aa4.style.display="";
}
}
</script>

<DIV class="sh" ><UL>
<LI onMouseMove="document.all.d1.style.display='block'" onclick="showWord()">
<a href="#">
<b class="h2">标题1</b>
<b class="h3">副标题1</b>
</a></LI>
<LI onMouseMove="document.all.d2.style.display='block'" onclick="showWord()">
<a href="#">
<b class="h2">标题2</b>
<b class="h3">副标题2</b>
</a></LI>
<LI onMouseMove="document.all.d3.style.display='block'" onclick="showWord()">
<a href="#">
<b class="h2">标题3</b>
<b class="h3">副标题3</b>
</a></LI>
<LI onMouseMove="document.all.d4.style.display='block'" onclick="showWord()">
<a href="#">
<b class="h2">标题4</b>
<b class="h3">副标题4</b>
</a></LI>
</UL>

<DIV class="content" id="d1">
<span id="aa1" style="display:none">
内容1<br/>
</span></DIV>
<DIV class="content" id="d2">
<span id="aa2" style="display:none">
    内容2<br/>
</span></DIV>
<DIV class="content" id="d3">
<span id="aa3" style="display:none">
    内容3<br/>
</span></DIV>
<DIV class="content" id="d4">
<span id="aa4" style="display:none">
内容4</div>
</span></DIV>
</DIV>