高手帮忙呀!popup创建的下拉菜单怎么实现离开时自动隐藏
日期：2014-05-16 浏览次数：20425 次
高手帮忙呀!popup创建的下拉菜单如何实现离开时自动隐藏
因为用到框架,所以用popup创建的菜单,可是在鼠标滑离popup弹出的窗口时总不能使窗口自动隐藏!我已经在popup弹出的窗口的table标签里加了onmouseout可为什么不是在鼠标滑离的时候关闭,而是在进入到table范围就关闭了!
事例代码如下: '
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> softkeyboard:code by meixx </title>
<script language= "javascript ">
var oPopUp=null;window.createPopup();
function SoftKeyboard(pwdObj){
oPopUp=window.createPopup();
var popBody=oPopUp.document.body;
popBody.style.backgroundColor = "#FFFF99 ";
popBody.style.border = "solid black 1px ";
WriteToPopup(oPopUp,pwdObj);
oPopUp.show(0,22,400,200,pwdObj);
}
function WriteToPopup(oPopUp,pwdObj){
var strHTML= " <html> <head> ";
strHTML+= ' <meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 "> ';
strHTML+= ' <title> test </title> </head> <body style= "margin:0; border:0;overflow:hidden; "> ';
strHTML+= ' <div onMouseOut= "parent.oPopUp.hide(); " > ';
strHTML+= ' <table cellpadding= "0 " cellspacing= "0 " border= "1 " style= "table-layout:fixed;width:100%;height:100%; " ';
strHTML+= ' bordercolor= "red "> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! ';
strHTML+= ' </tr> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! </td> </tr> ';
strHTML+= ' </table> </div> </body> </html> ';
oPopUp.document.write(strHTML);
//alert(strHTML);
}
</script>
</h
因为用到框架,所以用popup创建的菜单,可是在鼠标滑离popup弹出的窗口时总不能使窗口自动隐藏!我已经在popup弹出的窗口的table标签里加了onmouseout可为什么不是在鼠标滑离的时候关闭,而是在进入到table范围就关闭了!
事例代码如下: '
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> softkeyboard:code by meixx </title>
<script language= "javascript ">
var oPopUp=null;window.createPopup();
function SoftKeyboard(pwdObj){
oPopUp=window.createPopup();
var popBody=oPopUp.document.body;
popBody.style.backgroundColor = "#FFFF99 ";
popBody.style.border = "solid black 1px ";
WriteToPopup(oPopUp,pwdObj);
oPopUp.show(0,22,400,200,pwdObj);
}
function WriteToPopup(oPopUp,pwdObj){
var strHTML= " <html> <head> ";
strHTML+= ' <meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 "> ';
strHTML+= ' <title> test </title> </head> <body style= "margin:0; border:0;overflow:hidden; "> ';
strHTML+= ' <div onMouseOut= "parent.oPopUp.hide(); " > ';
strHTML+= ' <table cellpadding= "0 " cellspacing= "0 " border= "1 " style= "table-layout:fixed;width:100%;height:100%; " ';
strHTML+= ' bordercolor= "red "> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! ';
strHTML+= ' </tr> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! </tr> <tr> <td> this is a test ! </td> </tr> ';
strHTML+= ' </table> </div> </body> </html> ';
oPopUp.document.write(strHTML);
//alert(strHTML);
}
</script>
</h
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
