如何使用jquery淡化背景

只是想知道如何淡入淡出整个页面的背景颜色。如何使用jquery淡化背景

我有一个窗体，当点击一个链接时需要淡入淡出，我需要同时淡化背景颜色。

下面的代码不起作用。

<form id="popup" method="post" action=""> 
       <a id="close">x</a> 
       <p>WAITING LIST</p> 
       <p>Temporary out of stock,Enter details to receive email alert<br /> 
       when back in stock</p> 

       <span>First Name*</span> 
       <input type="text" name="firstname" /> 
       <span>Last Name*</span> 
       <input type="text" name="lastname" /> 
       <span>Email*</span> 
       <input type="text" name="email" /><br /> 
       <input type="image" name="ok" id="ok" src="images/buttons/confirm.png" alt="confirm" /> 


      </form> 



$(function() { 

    $('a.button').click(function() { 
     $('body').animate({backgroundColor: "#3b3838"}, 'slow'); 
     $('form#popup').fadeIn(500); 
    return false; 
    }); 

    $('a#close').click(function() { 

     $('form#popup').fadeOut(500);       
    }); 

    $('#ok').click(function() { 
    $('form#popup').fadeOut(500); 
    return false; 
    }); 
});

任何帮助，将不胜感激。

来源

2009-10-15 amir

基本jquery库没有设置动画颜色。如果你想动画的颜色（包括你的背景）使用color plugin。

来源

2009-10-15 13:15:23

+1。在这里投票选择颜色（颜色）插件。 – dotty 2009-10-15 13:19:48

我认为应该将彩色插件集成到核心中，因为插件的实际“核心”相当小... – CodeJoust 2009-10-15 13:53:02

虽然颜色是不错的插件，对于这种特殊情况下，我会建议使用一些什么简单有效的插件叫做hightlight jQuery Highlight

来源

2009-10-15 14:40:25

如何使用jquery淡化背景

回答

相关问题