Posted By

Tate on 08/20/09


Tagged


Versions (?)

Who likes this?

5 people have marked this snippet as a favorite

vali29
qubestream
czachor
Mench59
Lizzychang


jQuery: Fade in and out on hover


 / Published in: jQuery
 

URL: http://cssbeauty.com/skillshare/discussion/1593/jquery-fade-in-on-mouse-over/

  1. $(document).ready(function(){
  2. $(".thumbs img").fadeTo("slow", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads
  3.  
  4. $(".thumbs img").hover(function(){
  5. $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
  6. },function(){
  7. $(this).fadeTo("slow", 0.6); // This should set the opacity back to 60% on mouseout
  8. });
  9. });

Report this snippet  

You need to login to post a comment.