title: JQuery - Fade To Color On Mouse Hover
body: <p>I have the following JQuery code to fade the background color of a div to a different color when the mouse hovers over the div element. It works great but it requires jqueryui.js to work. My pages already use the jquery.js for other purposes, so I have to load both frameworks.</p>
  
  <p><strong>Can this be done only with jquery instead of jqueryui?</strong></p>
  
  <pre><code>&lt;!-- fade page onload --&gt;
  $(document).ready(function(){
      $('#page_effect').fadeIn(1000);
  });
  &lt;!-- fade login form to color on hover --&gt;
  $(document).ready(function() {
      $("#frmLogin").hover(function() {
          $(this).stop().animate({ backgroundColor: "#fff"}, 800);
      }, function() {
          $(this).stop().animate({ backgroundColor: "#e6e6e6" }, 800);
      });
  });
  </code></pre>
  
  <p>Thank you!</p>