<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0044)http://www.cssrain.cn/demo/3style/51job.html -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>无标题文档</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
#selectItem {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; MARGIN-TOP: 10px; Z-INDEX: 2; BACKGROUND: #fff; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 400px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 0px
}
</STYLE></HEAD>
<BODY>
<a href οnclick="openSelect(1)" οnblur="openSelect(0)">显示的链接文字</a>
<DIV id=selectItem style="display:none">
<TABLE>
<TR>
<TD><a href="a.html" οnclick="openSelect(0)">百度1</a></TD>
<TD><a href="http://www.baidu.com">百度2</a></TD>
</TR>
<TR>
<TD><a href="http://www.baidu.com" οnclick="openSelect(0)">百度3</a></TD>
<TD><a href="http://www.baidu.com" οnclick="openSelect(0)">百度4</a></TD>
</TR>
</TABLE>
</DIV>
<SCRIPT type=text/javascript>
function openSelect(state){ //选择城市层关闭打开控制
if(state == 1)
{
document.all("selectItem").style.display = "block";
}
else
{
document.all("selectItem").style.display = "none";
}
}
</script>
</BODY></HTML>