在框架下拉菜单?

时间:2013-01-28 10:51:31

标签: php javascript html css drop-down-menu

我的页面上有2个iframe。一个是菜单窗格(frame1),另一个是内容窗格。菜单框高度为100,内容框架保留,我不能因各种原因改变框架1的高度。我在菜单框架中使用了CSS下拉菜单,当我使用菜单框架高度为200或300时,下拉显示正常但小高度无法显示。

我需要做些什么来显示frame1中的主菜单和frame2中的下拉子菜单?听说它被称为交叉帧下拉菜单。请告诉我如何解决我的问题。 我对HTML,CSS,JavaScript和PHP没问题。希望我能用这四种语言解决这个问题。

2 个答案:

答案 0 :(得分:1)

我认为不使用框架是你最好的答案。如果您设计网站的设计方式而不是黑客攻击,网站通常更易于访问和用户友好。

答案 1 :(得分:0)

您可以使用jquery $("#iframe_id").contents().find('#some_element')从父元素访问第二个iframe中的元素,并且可以使用parent.yourFunction()从frame1访问父js函数。
水木清华。像这样:
在第1帧中:
<div class='menu_btn' onclick='parent.openMenu();'></div>
在父母:

function openMenu() {  
$("#iframe2").contents().find('#some_element').show();
}  

虽然解决方案很奇怪 我建议你考虑改变所有的页面视图,摆脱框架。