如何使这个菜单的链接弹出的页面在下方的iframe里显示,代码如下:
<html> <head>
<script language=javascript>
function winOpen(url) { window.open(url) }
var oPopup = window.createPopup();
function richDropDown()
{
oPopup.document.body.innerHTML = oContextHTML.innerHTML;
oPopup.show(0, 28, 305, 150, dropdowno);
}
</script>
</head>
<body>
<div id="dropdowno" style="background:#3366CC; padding:5px; border-bottom:1px solid black; border-top:1px solid #99CCFF; font:bold 10pt tahoma; color:white; width:300px" > <span style="cursor:hand; margin-left:5px; margin-right:10px;" onmousedown="richDropDown()" >Menu <img src="arrow.bmp" align="absmiddle" style=""> </span> </div>
</DIV>
<DIV ID="oContextHTML" STYLE="display:none;"> <div style="position:absolute; top:0; left:0; overflow-x:hidden; width:300; height:150; scrollbar-base-color:#3366CC; border-bottom:2px solid black; SCROLLBAR-HIGHLIGHT-COLOR: #99CCFF; SCROLLBAR-ARROW-COLOR: white;" >
<DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; filter:;"
onclick=parent.winOpen('http://www.baidu.com')>
百度
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.google.com')>
Google
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.yahoo.com.cn')>
雅虎
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.yznu.cn')>
长江师范学院
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.126.com')>
网易
</DIV> </div>
</div>
<iframe src="www.163.com" name="iframediv" id="iframediv" width="1000" height="500" marginwidth="0" marginheight="0" align="top" scrolling="no" frameborder="0" ></iframe>
</body> </html>
<html> <head>
<script language=javascript>
function winOpen(url) { window.open(url) }
var oPopup = window.createPopup();
function richDropDown()
{
oPopup.document.body.innerHTML = oContextHTML.innerHTML;
oPopup.show(0, 28, 305, 150, dropdowno);
}
</script>
</head>
<body>
<div id="dropdowno" style="background:#3366CC; padding:5px; border-bottom:1px solid black; border-top:1px solid #99CCFF; font:bold 10pt tahoma; color:white; width:300px" > <span style="cursor:hand; margin-left:5px; margin-right:10px;" onmousedown="richDropDown()" >Menu <img src="arrow.bmp" align="absmiddle" style=""> </span> </div>
</DIV>
<DIV ID="oContextHTML" STYLE="display:none;"> <div style="position:absolute; top:0; left:0; overflow-x:hidden; width:300; height:150; scrollbar-base-color:#3366CC; border-bottom:2px solid black; SCROLLBAR-HIGHLIGHT-COLOR: #99CCFF; SCROLLBAR-ARROW-COLOR: white;" >
<DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; filter:;"
onclick=parent.winOpen('http://www.baidu.com')>
百度
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.google.com')>
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.yahoo.com.cn')>
雅虎
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.yznu.cn')>
长江师范学院
</DIV> <DIV
STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black"
onclick=parent.winOpen('http://www.126.com')>
网易
</DIV> </div>
</div>
<iframe src="www.163.com" name="iframediv" id="iframediv" width="1000" height="500" marginwidth="0" marginheight="0" align="top" scrolling="no" frameborder="0" ></iframe>
</body> </html>
<iframe src="www.163.com" name="iframediv" id="iframediv" width="1000" height="500" marginwidth="0" marginheight="0" align="top" scrolling="no" frameborder="0" > </iframe>
function winOpen(url) { document.all.iframediv.src=url;}