html ~ _JavaScript

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>