jQuery函数速度控制

Question

我试图动画和控制这个功能的速度： 功能改变当前背景不同的一个，现在它瞬间改变...

这是代码

$(document).ready(function(){ 
     jQuery("#lit").hover(function(){ 
     jQuery("body").css("background-image", "url(img/2.jpg)"); 

       }).mouseleave(function(){ 
       jQuery("body").css("background-image", "url(img/1.jpg)" ); 

        }); 
     }); 

Answer 1

添加过渡

$(document).ready(function(){ 
     jQuery("#lit").hover(function(){ 
     jQuery("body").css("background-image", "url(img/2.jpg)"); 
     jQuery("body").css("transition", "background-image 0.5s ease-in-out"); 

       }).mouseleave(function(){ 
       jQuery("body").css("background-image", "url(img/1.jpg)" ); 
       jQuery("body").css("transition", "background-image 0.5s ease-in-out"); 
        }); 
     });