Don't like ads? PRO users don't see any ads ;-)
Guest

Overlay final

By: a guest on May 25th, 2012  |  syntax: jQuery  |  size: 0.54 KB  |  hits: 27  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. $(function() {
  2.     $('.slide').hover(function(){
  3.         $('.img').animate({'opacity' : '0.3'}, 100);
  4.         $('.slide-box').animate({'top' : '150px', 'opacity' : '1'}).delay(500);
  5.         $('.slide-info').animate({'bottom' : '100px', 'opacity' : '1'}).delay(500);
  6.     }, function(){
  7.         $('.img').animate({'opacity' : '1'}, 100);
  8.         $('.slide-box').stop(true,true).animate({'top' : '-150px', 'opacity' : '0'}).delay(500);
  9.         $('.slide-info').stop(true,true).animate({'bottom' : '-100px', 'opacity' : '0'}).delay(500);
  10.     });
  11. });            
  12. });