Question

我不得不承认我对此非常陌生，但我正在建立一个基于模板的网站，我只是做了一件事，除了一件事！当用户点击导航栏项目并弹出网站的其他部分时，我正在尝试将背景更改为其他图像。

如果它有用，这是网站：www.pitchadvisor.com

目前，我的导航栏链接设置如下：

<a href="#!/page_about"><span></span>What</a></li>

我尝试了以下更改，但它无效：

<a href="#!/page_about" onclick="document.getElementById('test').style.backgroundImage='url(http://www.pitchadvisor.com/images/bg2.jpg)'; return false;" >

非常感谢任何帮助!!

谢谢！

Answer 1

它没有用，因为你的背景是用html而不是css设置的，这是我想出来的可能修复它：

从

更改html的第78行

<div id="bgStretch"><img src="http://pitchadvisor.com/images/bg.jpg" alt=""></div>

到

<div id="bgStretch"><img id='bgimage' src="http://pitchadvisor.com/images/bg.jpg" alt=""></div>

并从

更改您的JavaScript

<a href="#!/page_about" onclick="document.getElementById('test').style.backgroundImage='url(http://www.pitchadvisor.com/images/bg2.jpg)'; return false;" >

到

<a href="#!/page_about" onclick="document.getElementById('bgimage').setAttribute('src', 'http://www.pitchadvisor.com/images/bg2.jpg');" >

请告诉我这是否适合您，或其他任何我能做的事情。

Answer 2

这会有帮助吗？

    <a href="#" onclick="javascript:document.getElementById('asd')
.style.backgroundImage='url(http://www.pitchadvisor.com/images/bg2.jpg)';"> 
Click Me </a>

    <div id="asd" style="margin-top:50px; width: 100px; height: 100px; border: 1px dashed green;"></div>

在此处试试：http://jsfiddle.net/dTAW3/

在NavBar上更改背景图像单击

2 个答案: