title: How do I add a speed to my jquery mouse events
body: <p>I am new to js/jquery and could use a bit of help.  This is functioning how I want it to, but I would like to slow down the transition between images.  Any thoughts on how to add speed to this event?</p>
  
  <pre><code>$("document").ready(function () {
      $('.image1').mouseenter(function(){
          $(this).css('background-image','url("images/image1.jpg")'); 
      });
      $('.image1').mouseleave(function(){
          $(this).css('background-image','url("images/image2.jpg")'); 
      });           
  });                      
  </code></pre>