JQuery - Fade To Color On Mouse Hover
<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>
