更改鼠标悬停和鼠标悬停按钮？

【问题标题】：Change buttons on mouseover and mouseout?更改鼠标悬停和鼠标悬停按钮？
【发布时间】：2016-09-19 09:24:51
【问题描述】：

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

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

【问题讨论】：

使用 $('#calc_butt').html(change);而不是 $(this).fadeIn(change,100);
感谢@DhananjaySakare .. 有效
@DhananjaySakare 但我遇到了一个小问题，它只是转向 Powered by X，但鼠标移出不起作用...
你明白了吗@DhananjaySakare？
请查看更新后的答案@Ben

标签： javascript mouseevent mouseover

【解决方案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>

【讨论】：