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

Question

我已经创建了这个，但不知道为什么代码cus它不起作用，有人能发现错误吗？我想创建一个按钮，它叫做计算器，一旦鼠标悬停，该按钮将变为 Powered by X 并返回计算器鼠标移开。

$(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>