<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> DIV伸缩菜单 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
<!--
.te1{ width:195px !important; width /**/:255px; float:left; padding:0 18px 0 42px;}
.te2{ width:195px; float:left; padding-top:8px;}
.te2 ul{ margin:0; padding:0px;}
.te2 li{ width:185px !important; width /**/:195px; float:left; border-bottom:1px solid #EBEBEB; line-height:28px; padding-left:10px; overflow:hidden; display:block; cursor:pointer;}
.te3{ background: url(images/in_17.gif) no-repeat 10px 6px; text-indent:15px; font-size:14px; font-weight:bold; color:#3D63BE; }
.te3 a{ color:#3D63BE; font-size:14px; font-weight:bold; text-decoration:none;}
.te3 a:hover{ color:#3D63BE;}
.te33{ background: url(images/in_16.gif) no-repeat 10px 10px; text-indent:15px; font-size:14px; font-weight:bold; color:#3D63BE; }
.te33 a{ color:#3D63BE; font-size:14px; font-weight:bold; text-decoration:none;}
.te33 a:hover{ color:#3D63BE; }
.te4{ width:185px !important; width /**/:195px; float:left; clear:both; color:#333; line-height:28px; padding-left:10px;}
.te4 a{ color:#333; text-decoration:none; font-size:12px; font-weight:normal;}
.te4 a:hover{ color:#333; text-decoration:underline;}
.none{ display:none;}
-->
</style>
<script type="text/javascript">
function showdiv(divnum,divbefor){
for(i=1;i<=divnum;i++){
if(i==divbefor){
document.getElementById("Nav_"+i).className = "te33"
document.getElementById("Content_"+i).className ="block";
}else{
document.getElementById("Nav_"+i).className = "te3"
document.getElementById("Content_"+i).className ="none";
}
}
}
</script>
</HEAD>
<BODY>
<div class="te1">
<div class="te2">
<ul>
<li class="te33" >科隆</a></div>
</div>
</ul>
</div>
</div>
</BODY>
</HTML>