14

我在 HTML 中得到了这段代码:

<div id="choice" onHover="npcRoll()">
    <p>Choose your weapon!</p>
    <button id="rock" onClick="choose(1)">Rock</button>
    <button id="paper" onClick="choose(2)">Paper</button>
    <button id="scissors" onClick="choose(3)">Scissors</button>
    <p>You chose <span id="userChoice"></span>!</p>
</div>

这是我的 JavaScript 代码:

// Random
var random = function(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
};  

// NPC
var npc;
function npcRoll(){
    npc = random(1, 3);
}

这是CSS代码:

#choice {
    margin: 0 auto;
    border: 2px solid gray;
    width: 350px;
}

这个想法是每次用户将鼠标悬停在 NPC 上时都会滚动 NPC 编号,<div>但它不起作用。你能帮我吗?

4

1 回答 1

42

没有onHover事件,使用onmouseover

<div id="choice" onmouseover="npcRoll()">
于 2013-03-18T20:34:36.327 回答