0

这是我正在尝试做的事情，是的，我已经在这个网站上四处寻找答案，但我仍然迷路了。我需要帮助的是我正在为 android 和 IOS（IPAD、IPHONE、ITOUCH）设备制作游戏菜单。菜单上会有一个文本图像或只是纯文本。红色按钮被禁用而绿色按钮被启用，例如，如果红色显示您可以听到背景中播放的音乐，并且如果您单击它并显示绿色，则音乐将不再在游戏中播放。跳过功能也是如此，它将启用/禁用这些功能。希望在 javascript 中执行此操作。任何建议都会有所帮助，谢谢。

由于网站规则，我无法发布图片。我会把它写在菜单上。图像 = (红色) (绿色)

音乐（红色）（绿色）

跳过（红色）（绿色）

4

1 回答 1

2

看这个演示：

http://jsfiddle.net/rathoreahsan/xQ3PT/

Javascript代码

function controls(id) {
    if (id == "play") {
        document.getElementById('play').setAttribute('disabled','disabled');
        document.getElementById('stop').removeAttribute('disabled','disabled');

        // You can define your play music statements here

    } else {
        document.getElementById('stop').setAttribute('disabled','disabled');
        document.getElementById('play').removeAttribute('disabled','disabled');

        // You can define your stop music statements here        
    }
}

HTML 代码

    Music&nbsp;<button id="stop" onclick="controls(this.id)" disabled="disabled">Stop</button>&nbsp;<button id="play" onclick="controls(this.id)">Play</button>

CSS 

#stop{
    background-color: red;
    border: 0px;
}

#play{
    background-color: green;
    border: 0px;
}

编辑：

使用单个按钮的另一种解决方案：

演示：http: //jsfiddle.net/rathoreahsan/xQ3PT/2/

Javascript代码

function controls(className) {
    if (className == "red") {
        document.getElementById('PlayStop').setAttribute('class','green');
        document.getElementById('PlayStop').innerHTML = "Stop";
        // You can define your play music statements here
    } else {
        document.getElementById('PlayStop').setAttribute('class','red');
        document.getElementById('PlayStop').innerHTML = "Play";
        // You can define your stop music statements here        
    }
}

HTML 代码

    Music &nbsp; <button id="PlayStop" class="red" onclick="controls(this.getAttribute('class'))">Play</button>
于 2012-07-09T06:25:21.830 回答