Question

我试图按下按钮＆＃34;按钮演示＆＃34;然而，在悬停在它上面时变成蓝色（或任何其他颜色），我似乎无法完成它。代码有问题，但错误在哪里以及如何纠正？

<body>
    <script src="jquery-1.11.1.min.js"></script>

    <h1>Button Factory <img src="/img/gearbutton.jpg" style="width:40px;height:40px"></h1>

    <button id="buttondemo">Button Demo</button>

    <script>
    $('#buttondemo').click(function(){location.href="button_demo.html";});
    </script>

    <script>
    $('#buttondemo').hover(function(){style="color:#0000FF";});
    </script>

</body>

Answer 1

<script>
    $('#buttondemo').hover(function(){$(this).css('color','#0000FF');});
</script>

尝试以上方法。但是，最好使用：hover in css

的CSS：

#buttondemo:hover{
  color:#0000FF;
}

Answer 2

纯CSS解决方案：

#buttondemo:hover{color:red;}

http://jsfiddle.net/eot8du06/1/

改变按钮颜色

2 个答案: