This is an example of cross-frame effect, which implemented by IFrame and layered script. Try to click on the submenu items under the IFrame Test.

The IFrame HTML code looks like this:

<iframe name="down" src="p0.htm" width="100%" STYLE="POSITION: absolute; LEFT:13; TOP:369; Z-INDEX:1; HEIGHT:177px"> </iframe>

The Flash HTML code looks like this (please dont' forget to add flashobject.js to the related folder):  

<div id="menu" style="POSITION: absolute; LEFT:14px; TOP:401px; Z-INDEX:10; width:687px; height:174px"> This text is replaced by the Flash movie.</div> <script type="text/javascript"> var fo = new FlashObject("iframe.swf", "navmenu", "687", "174", "6", "#FFFFFF"); fo.addParam("menu","false"); fo.addParam("quality","best"); fo.addParam("salign","LT"); fo.addParam("scale","noscale"); fo.addParam("wmode", "transparent"); fo.write("menu"); </script>

Please pay attention to the STYLE property of IFrame and Flash Object. The position attribute of these two objects should be 'absolute' and the value of the Flash Z-INDEX should be greater than the one of Iframe. Then the Flash menu will be placed upon the Iframe object.

FrontPage or Dreamweaver can help you to adjust the position and the size of the Iframe and Flash object more easily.