<style type="text/css">
#mainbox{
width:84px;
background-image:url(e_pic/select.jpg);
background-repeat:no-repeat;
font-size:12px;
}
#box0{
width:63px;
height:28px;
float:left;
padding-top:7px;
padding-left:7px;
}
#box1{
width:10px;
height:28px;
cursor:pointer;
float:left;
text-align:center;
padding-top:2px;
}
#items{
border:1px solid black;
width:78px;
display:none;
}
#box3{
width:83px;
/*border-bottom:1px solid green;
border-left:1px solid green;
border-right:1px solid green;
*/
padding-left:4px;
}
.over{
background-color:#11586E;
font-weight:bold;
color:#FFF;
/*border-top:1px dotted black;
border-bottom:1px dotted black;*/
cursor:pointer;
}
</style>
<script type="text/javascript" defer>
var oDiv0=document.getElementById("box0");
var oDiv1=document.getElementById("box1");
var oDiv=document.getElementById("items");
oDiv1.onclick=function(){
oDiv.style.display=oDiv.style.display=="block"?"none":"block";
show();
}
function hide(obj){
var obj=obj;
obj.parentNode.style.display="none";
}
function show(){
for(var i=0;i<oDiv.childNodes.length;i++){
oDiv.childNodes[i].onmouseover=function(){
this.className="over";
}
oDiv.childNodes[i].onmouseout=function(){
this.className="";
}
oDiv.childNodes[i].onclick=function(){
oDiv0.innerHTML=this.innerHTML;
hide(this);
if(oDiv0.innerText.indexOf("vincent")!=-1){
window.open("http://www.111cn.net/vincent","","");
}
}
}
}
</script>
<body>
<div id="mainbox">
<div id="box0"></div>
<div id="box1"></div>
<div id="items" >
<div id="box3">湖北</div>
<div id="box3">网页网页</div>
<div id="box3">孝感</div>
<div id="box3">枝江</div>
<div id="box3">汉川</div>
<div id="box3">还有</div>
<div id="box3">asp教程</div>
</div>
</div>
<!---->
</body>