Question

我试图在文档加载时淡入淡出我的背景，但它似乎没有工作。我使用RGBA，只是将不透明度设置为0.75然后设置为0.有没有人知道这样做的方法？

这是我的代码;

jQuery( "#topbar" ).mouseenter(function(e) { // h2 faded up image is done using css

        jQuery("#topbar").css( "background", "rgba(245, 245, 245, 0.75)");

        });



  jQuery( "#topbar" ).mouseleave(function(e) {
             jQuery("#topbar").css( "background", "none");
 });

由于

Answer 1

使用jQuery fadeTo()

jQuery("#topbar").fadeTo("slow", 0.75);

第一个参数是动画的速度。它可以是＆＃34;慢＆＃34;，＆＃34;快＆＃34;或者你可以用毫秒输入值。

第二个参数是不透明度。

这是完整的代码。

jQuery( "#topbar" ).mouseenter(function(e) { 

    jQuery("#topbar").fadeTo(2000,0.75);

}).mouseleave(function(e) {

    jQuery("#topbar").fadeTo(2000,1);

});

使用 animate()

jQuery('#topbar').animate({'opacity':0.75},2000);

使用fadeto和动画与背景？

1 个答案: