0

嗯，我正在编写一个网站，现在卡在 jQuery 部分，这不是我最擅长的事情。该站点包含一个顶部菜单导航栏：

<a href="aboutus.html" target="iframe"><img class="tab1" src="#.png"></a>
<a href="menu.html" target="iframe"><img class="tab2" src="#.png"></a>
<a href="gallery.html" target="iframe"><img class="tab3" src="#.png"></a>
<a href="shop.html" target="iframe"><img class="tab5" src="#.png"></a>
<a href="links.html" target="iframe"><img class="tab6" src="#.png"></a>
<a href="contact.html" target="iframe"><img class="tab7" src="#.png"></a>
</div>

页面中间有一个 iframe，它在导航点击时加载新的 html。加载索引页面时，在导航单击之前不应看到 iframe。所以我得到了： css 中的 iframe {display:none;}。

所以，我需要 jQuery 编码方面的帮助才能在导航点击时显示 iframe。还具有使 iframe 再次隐藏的效果。

一切顺利。

4

3 回答 3

3

假设您可以执行以下<iframe>操作id：contentIframe

显示<iframe>：

$("#contentIframe").show();

隐藏<iframe>：

$("#contentIframe").hide();
于 2012-05-27T14:45:13.117 回答
0

我认为如果您尝试使用 div 并使用 .load() 方法，它会比使用 iframe 更好

$("a").click(function(){
$("#mydiv").load($(this).attr("href"));
});
于 2012-05-27T14:47:15.843 回答
-2

jQuery 切换方法会很有帮助。

于 2012-05-27T14:45:48.310 回答