html~求助

strive_x 2012-01-19 06:15:35

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



<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>

上面代码能收缩弹出框，但是点击不了链接了~

...全文

140 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

stive_x 2012-01-19

打赏
举报

[Quote=引用 3 楼 p2227 的回复:]
编辑这玩意思路要比语句重要

HTML code

<body>
其他内容
其他内容
其他内容
其他内容
其他内容
其他内容
其他内容
其他内容
其他内容
其他内容
<div id="d">
DIV DIV DIV <br/>
DIV DIV DIV <br/>
DIV DIV DIV <br/>
</div>
<script language="jav……
[/Quote]

高手，多谢~

p2227 2012-01-19

打赏
举报

编辑这玩意思路要比语句重要

<body>

其他内容

其他内容

其他内容

其他内容

其他内容

其他内容

其他内容

其他内容

其他内容

其他内容

<div id="d">

DIV DIV DIV <br/>

DIV DIV DIV <br/>

DIV DIV DIV <br/>

</div>

<script language="javascript">

document.onclick = function(event){

	event = event || window.event;

	var which = event.srcElement || event.target;

    var d = document.getElementById("d");

    if(which != d){

        d.style.display="none";

    }

}

</script>

</body>