Question

只是想知道如何淡化整页的背景色。

我有点击链接时需要淡化的形式，我需要同时淡化背景颜色。

以下代码不起作用。

 <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;
  });
});

任何帮助将不胜感激。

Answer 1

基本jquery库没有用于动画颜色的工具。如果您想为任何事物（包括您的背景）的颜色设置动画，请使用color plugin。

Answer 2

虽然颜色很好插件，但对于这种特殊情况，我建议使用一些简单有效的插件叫做hightlight jQuery Highlight

如何用jquery淡化背景

2 个答案: