更改鼠标悬停和鼠标移出时的按钮？

Question

我创建了这个，但不知道为什么代码不能正常工作，有人能发现错误吗？我想创建一个按钮，它叫做 Calculator，鼠标悬停后，按钮将变为 Powered by X 并返回 计算器 mouseout.

$(this).fadeIn(change,100);

Answer 1

使用$('#calc_butt').html(change);代替$(this).fadeIn(change,100);

编辑

我换了一种方法。我没有使用 javascript，而是使用 css 来获得所需的输出。如果有帮助请告诉我

<div id="toggleDiv">
<a href="xx" id="calculator">
 Calculator</h4>

<h4 id="poweredby">
Powered by!
</h4>

</a>

</div>


<style>
#poweredby{display:none}
div#toggleDiv h4#calculator {
display:inline;
}
div#toggleDiv:hover h4#calculator {
display:none;
}
div#toggleDiv h4#poweredby {
display:none;
}
div#toggleDiv:hover h4#poweredby {
display:inline;
}
</style>

更改鼠标悬停和鼠标移出时的按钮？

Change buttons on mouseover and mouseout?

javascript

mouseevent

mouseover