gpt4 book ai didi

html - 更改 NavBar 上的背景图像单击

转载 作者:太空宇宙 更新时间:2023-11-04 04:41:12 24 4
gpt4 key购买 nike

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

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

任何帮助将不胜感激!!

谢谢!

最佳答案

它不起作用,因为您的背景设置在 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');" >

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

关于html - 更改 NavBar 上的背景图像单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15442315/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com