-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 回答