-4

やあ皆さん、これについて本当に助けが必要です！そのため、画像をクリックすると別の画像に変更する必要があります。基本的にサウンドボタンなので、クリックするとミュートが表示されます。

これまでのところ、私は完全に困惑しており、どこから始めればよいかわかりません。Jquery/Javascript を使用できることはわかっています。私を助けてください！！ここに私のコードがあります:

    <div id= "Mute">
    <img class="BeforeClick"src="images/BeforeClickMute.png" width="140" height="126"/>
    <img class="AfterClick"src="images/AfterClickMute.png" width="140" height="126" />
    <p>Mute</p>
    </div>

また、これは私のcssコードです

    .BeforeClick {
position:absolute;
z-index:9;
left:245px;
top:340px;  
}

    .AfterClick {
position:absolute;
z-index:8;
left:245px;
top:340px;  
}
4

2 に答える 2

2 
$(function(){ /* on document load */
    $('img').click(function(){ /* click handler for images */
        if($(this).attr('src') === 'images/BeforeClickMute.png'){ /* check source */
            $(this).attr('src','images/AfterClickMute.png'); /* change source */
        }
        else{
            $(this).attr('src','images/BeforeClickMute.png'); /* change source */
        }
    });
});

ただし、このコードをコピーしただけでは、ドキュメント全体に予期しない結果が生じることは間違いありません。このイベントをターゲットにしたい要素だけに制限する方法をご覧ください。

于 2012-08-09T22:35:25.257 に答える
0 
<a href="index.html">
<img src="images/play.png" onmouseover="this.src='images/playdiffcolor.png'" onclick="this.src='images/pause.png'" onmouseout="this.src='images/pause.png'" border="0" />
</a>

これが私がやった方法です-それは驚異的に機能します。

それが役立つことを願っています。オーディオファイルを再生/一時停止/停止する方法を学ぼうとしています...

于 2013-05-15T02:54:13.033 に答える