用DHTML中的Popup Object跨框架显示菜单

80酷酷网    80kuku.com

  dhtml|object|菜单|显示     先来看看frames.htm页面的源代码: <html>
<head>
<title>网页跨框架菜单 from MSDN</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head> 
<frameset rows="92,*" cols="*" framespacing="4" frameborder="yes" border="4">
  <frame src="top.htm" name="topFrame" scrolling="NO" >
  <frame src="bottom.htm" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>

     再来看看top.htm页面的源代码: 

<html>
<head>
<title>MSDN的示例</title>
<script>
var oPopup = window.createPopup();
function richContext()
{
    var lefter2 = event.offsetY+0;
    var topper2 = event.offsetX+15;
    oPopup.document.body.innerHTML = oContext2.innerHTML; 
    oPopup.show(topper2, lefter2, 210, 84, contextobox);
}
</script>
</head>
<body>

<span id="contextobox" 
<DIV ID="oContext2" 
<DIV 
  <DIV 
      Home</DIV>
  <DIV 
      Search</DIV>
  <DIV 
      Intenet Explorer</DIV>
  <DIV 
    ©2001 Microsoft Corporation</DIV>
</DIV>
</body>
</html>

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: