Jquery-在mouseenter/mouseleve上轻松转换

Question

初学者在Jquery中尝试一些我认为很简单的东西？？？我试了几个小时做各种各样的事情(fadeIn、动画、切换幻灯片、放松等(，但都没能奏效。。

基本上有一个值，当你悬停在它上面时，值就会改变，这就是我所做的。但目前的过渡非常突然。我想要实现的是一些放松，以创造一个更平稳的过渡？

有什么建议吗？

http://jsfiddle.net/w7q0bug9/

$(function() {
$('#test').mouseenter(function() {
$('#test').text('hallo');
});
$('#test').mouseleave(function() {
$('#test').text('...');
});
});

我为这个问题简化了我的问题，我在一个webflow网站中使用它来显示一个文本值，当选择svg时，这是我想最终应用的代码

$('.SVGimage').mouseenter(function() {
$('.TextToChange').text( $(this).attr('TextValueFromSVG'));
});

Answer 1

得到了朋友的帮助：

$(".SVGimage").mouseenter(function () {
const textValue = $(this).attr("TextValueFromSVG");
$(".TextToChange")
.fadeOut(function () {
$(this).text(textValue);
})
.fadeIn();
});