html ~

html 求助~~
做个页面小功能，如下代码，想生成对话框，然后点击对话框内容能跳转页面，点击其他地方，对话框消失。
拌蒜了~~求指点~

PHP code

<div id="div3" onclick="test()">fff33</div><div id="div4" tabindex="0" onblur="hide()" style="display:none;width:200px;height:120px;">    <ul>        <li><a href='http://www.baidu.com'>123</a></li>        <li><a href='http://www.baidu.com'>223</a></li>        <li><a href='http://www.baidu.com'>323</a></li>    </ul></div><script type="text/javascript">function test () { document.getElementById("div4").style.display=""; document.getElementById("div4").focus();}function hide () { var div2=document.getElementById("div4"); div2.style.display='none';}</script>

[解决办法]
这样就行了：

<div id="div3" onclick="test()">fff33</div>
<div id="div4" tabindex="0" onblur="hide()" style="display:none;width:200px;height:120px;">
<ul>
<li><a href='http://www.baidu.com'>123</a></li>
<li><a href='http://www.baidu.com'>223</a></li>
<li><a href='http://www.baidu.com'>323</a></li>
</ul>
</div>
<script type="text/javascript">
function test () {
 document.getElementById("div4").style.display="";
// document.getElementById("div4").focus();
}

function hide () {
 var div2=document.getElementById("div4");
 div2.style.display='none';
}
</script>