Question

我正在创建一个网站，我使用输入按钮来替换框架。

<input type="button" value="NBA" class="portmenu" onclick="document.getElementById(&#39;portfolioFRAME&#39;).innerHTML=&#39;&lt;iframe src=&quot;portfolio/test3.html&quot; width=&quot;730px&quot; height=&quot;455px&quot; scrolling=&quot;yes&quot; frameborder=&quot;0px&quot;&gt;&lt;/iframe&gt;&#39;">

一切正常，但有一种方法可以在我点击按钮后突出显示一个按钮，以显示加载的框架是否被单击按钮？

任何帮助将不胜感激！

Answer 1

<input type="button" value="NBA" class="portmenu" onclick=if($(this).hasClass("clicked")){$("#iframe").hide();$(this).removeClass("clicked");}else{$("#iframe").show();$(this).addClass("clicked");} >

<iframe id="iframe" style="display:none;" src="portfolio/test3.html" width="730px" height="455px" scrolling="yes" frameborder="0"></iframe>

这是什么意思，你的意思是什么？你需要jQuery。它可能有用。

Answer 2

所以你希望按钮按下后能以某种方式显示？

这是fiddle

$("input.portmenu").click( function () {
    $(this).addClass("pressed");
});

按钮加载帧的活动状态

2 个答案: