鼠标过度褪色时淡出效果

Question

我需要在鼠标悬停和输出时添加淡化效果。

$(document).ready(function(){
    $("#txtchange").mouseover(function (){
        $('#txtchange').text("My New Txt");
    });
    $("#txtchange").mouseout(function (){
        $('#txtchange').text("Old Txt");
    });
});

Answer 1

您可以使用jquery函数fadeIn()。

$(document).ready(function(){
    $("#txtchange").mouseover(function (){
        $('#txtchange').text("My New Txt").fadeIn( "slow" );
    });
    $("#txtchange").mouseout(function (){
        $('#txtchange').text("Old Txt").fadeIn( "slow" );
    });
});

Answer 2

尝试使用以下代码

    $(document).ready(function(){    
       $("#txtchange").mouseover(function (){
           $("#txtchange").fadeOut(function() {
             $(this).text("My New Txt").fadeIn();
           });
       });    
       $("#txtchange").mouseout(function (){
          $("#txtchange").fadeOut(function() {
            $(this).text("Old Txt").fadeIn();
          });   
       });    
  });