0

私はこれに非常に慣れていないことを認めなければなりませんが、テンプレートに基づいて Web サイトを構築していて、1 つのことを除いてほぼ完了しています! ユーザーがナビゲーション バーの項目をクリックして、サイトの別の部分がポップアップしたときに、背景を別の画像に変更しようとしています。

参考になる場合は、次のウェブサイトをご覧ください: 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

背景がcssではなくhtmlに設定されているため、機能していません。おそらく修正するために私が思いついたのは次のとおりです。

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

これがうまくいくかどうか、または私にできることが他にあるかどうか教えてください。

于 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 に答える