html 求助~~

Question

做个页面小功能，如下代码，想生成对话框，然后点击对话框内容能跳转页面，点击其他地方，对话框消失。
拌蒜了~~求指点~<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>

Answer 1

这样就行了：<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>