css - 单击按钮时更改我的主图像

Question

C:\Documents and Settings\Omar.Abulawi\Desktop\t3\main.htm 这是我正在开发的网站，现在我正在尝试根据五个菜单之一用不同的主图像更改和替换主图像一旦他们被点击。但是没有用！您的帮助和建议将不胜感激:)

Answer 1

好吧，根据你所说的，这个 JavaScript 应该这样做：

function changeimage()
{
    document.getElementById("picture_id").src = "new_file_path";
}

onclick在菜单事件中调用该函数。

Answer 2

您实际上可以使用:target伪类使用纯 css 执行此操作。

小提琴

注意：您需要现代浏览器才能使用此方法。(IE9+)

另外，看看这篇文章，它展示了一些用 css 模拟点击事件的巧妙方法（其中一个是 :target 伪类。