跨框架iframe菜单显示

Div 不能够跨 iframe 显示，可采用以下方式解决：

leftIframe ：菜单

rightIframe ：显示具体内容

可以在 leftIframe 包含的页面中控制 rightIframe 中层的显示和隐藏，将菜单项写到该层中并在适当的位置显示，也可以使用 Ajax 从数据库中获取菜单项插入到该层中进行显示。

试验了很多种方法，是目前我所知道的一种切实可行的实现 div 跨 iframe 显示的比较好方案！

function showRightDiv(event) {

  var rightframe = window.parent.frames[ "I3" ].document.body;

     var layer = "<div id=/"subMenuDiv/" style=/"position:absolute;z-index:100;visibility:hidden/"></div>" ;

     $(rightframe).append(layer);

     var rightDiv = window.parent.frames[ "I3" ].document.getElementById( "subMenuDiv" );

     rightDiv.innerHTML= "<table border=' solid 1px black' width='100px'><tr><td> 第一项 </td></tr>"

              + "<tr><td> 第二项 </td></tr>"

              + "<tr><td> 第三项 </td></tr>"

              + "<tr><td> 第四项 </td></tr>" 

              + "</table>" ;

     var y = event.clientY;

     $(rightDiv).css( "left" , "0px" );

     $(rightDiv).css( "top" ,y);

     $(rightDiv).css( "width" , "100px" );

     $(rightDiv).css( "font-size" , "12px" );

     $(rightDiv).css( "background-color" , "red" );

     $(rightDiv).css( "visibility" , "visible" );

}