Jquery - 在 mouseenter / mouseleave

问题描述

初学者在 Jquery 中尝试一些我认为很简单的东西？？？已经尝试了几个小时的各种东西（淡入淡出、动画、切换滑动、缓动等），但无法让它发挥作用..

基本上有一个值，当你将鼠标悬停在它上面时，值会发生变化，这就是我工作得很好的原因。但目前这种转变非常突然。我想要实现的是一些轻松创建更平滑的过渡？

有什么建议吗？

$(function() {

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

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

});

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

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

解决方法

得到朋友的帮助：

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

jquery mouseenter mouseleave