0

我不得不承认我对此很陌生,但我正在基于模板构建一个网站,除了一件事之外,我即将完成!当用户单击导航栏项目并弹出网站的不同部分时,我试图让背景更改为不同的图像。

如果它有帮助,这是网站: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;" >

任何帮助将不胜感激!!

谢谢!

4

2 回答 2

2

它不起作用,因为您的背景是在 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>

并从

<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');" >

让我知道这是否适合您,或者我能做的任何其他事情。

于 2013-03-15T21:44:48.417 回答
0

这会有帮助吗?

    <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/

于 2013-03-15T21:31:35.197 回答