点击时如何更改按钮图像？ [英] How to change button image on click?

问题描述

我使用图像和hrefs来创建按钮。代码如下所示：

I am using images and hrefs to create buttons. Code look like this:

<a href="http://www.zive.sk"><img src="res/images/zive.png" alt="Zive.sk" id="ziveCircle"></a>

如果用户按下按钮，是否有任何方法可以更改图像src？也许某些事件处理程序将确定用户已按下图像？它应该作为正常的按钮，所以当用户按下它并保持按下时，它应该改变图像src，当他释放按钮时，应该加载href（正常按钮行为）。

Is there any way to change image src if user press button? Maybe some event handler which will determine that user has pressed image? It should act as normal button so when user press it and keep pressed it should change image src and when he releases the button then the href should be loaded (normal button behaviour).

PS：我无法使用css。

PS: I cannot use css for this.

推荐答案

我找到了一个解决方案，使用了一些Hope I Helped脚本。这里是代码：

I have found a solution, using some of Hope I Helped script. Here is the code:

function buttons(){
document.getElementById('zive-anchor').onmousedown=function () {
    document.getElementById('ziveCircle').src = 
    "res/images/zivePressed.png";
};
document.getElementById('zive-anchor').onmouseout=function () {
    document.getElementById('ziveCircle').src = 
    "res/images/zive.png";
};
};

这里是HTML：

<div data-role="page" id="homepage">
        <div id="selectCircle">
            <a href="feeds.html#page1" rel="external" id="zive-anchor"><img src="res/images/zive.png" alt="Zive.sk" id="ziveCircle"></a>

这篇关于点击时如何更改按钮图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！