Question

所以，这个让我有点困惑。我可能只是从错误的角度看它，我不确定。无论如何，这里是：

我在网站上有一个导航部分，我希望每个按钮（链接定义下面iframe的内容）在“正常”时有一个背景图像，一个在光标悬停时有一个背景图像，以及一，而其相应的内容显示在iframe。我猜测最后一个可能需要一些Javascript，但我真的不知道（这一切对我来说还是比较新的）。我希望至少其中一些可以通常的a:link，a:hover等方式完成。

非常感谢任何指导。

Answer 1

点击它时添加一个类，iframe的内容改变如此（javascript）：

function changeIFrame(link) {
    document.getElementsByTagName('iframe')[0].src = link.href;
    link.className = 'activeFrame';
}

HTML：

<a href="nameOfUrl.html" onclick="changeIFrame(this); return false;">link text</a>

的CSS：

.activeFrame { background-color: blue; }

Answer 2

创建一个名为“current”的新CSS类，并将该类应用于显示其相应内容的链接。所有其他人都没有应用“当前”。

链接元素与文本，背景，显示行为

2 个答案: