Advertisement
jhanjon

animate different item

Sep 18th, 2011
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 2.12 KB | None | 0 0
  1. (function ($) {  
  2. if ($.browser.msie  && parseInt($.browser.version) == 7) {
  3.     window.location = "update_browser_to_ie9";
  4. } else {
  5.   /* alert('Non IE7'); */
  6.  
  7.     $(function(){
  8.         $("#wrapperimghov").hide(); /* color bars */
  9.          $("#block-block-1") .hide();  /*hide initial block from showing */
  10.         /*$("#hdrnavwraphov").hide(); text menus */
  11.         /* $("#block-block-1") .css('opacity,0').animate({opacity: 1}, {queue:false, duration: 10000}); */
  12.         $("#block-block-1") .show(); /*show initial block from showing */
  13.         $("#wrapperimghov").css('opacity', 0).slideDown(9000,'linear').animate({ opacity: 1 },{ queue: false, duration: 10000, easing: 'linear'});/* color bars */
  14.         $("img",this).hide();
  15.         $("#clickme").hide();
  16.         $("png", this).show();
  17.        
  18.         $(".bgrimg").css("z-index", "-=100").delay(4000).fadeIn(6000); /* nick's background image */
  19.         /*$("#hdrnavwraphov").delay(3000).fadeIn(7000); text menus */
  20.         $(".divhov").hover(animated1, animated2 , animated4 ); /*picture files */      
  21.         $(".divhov") .click(animated3); /*picture files */ 
  22.     }
  23.     ); 
  24.    
  25.     var parent_div = $(".divhov").parent();
  26.         parent_div.css("width", parent_div.width()+"px");
  27.         parent_div.hide();
  28.  
  29.     function animated1() {
  30.         $( this ).hoverFlow( 'mouseenter', { width: "50px", height:"420px" }, { queue: false, duration: 1000  });  
  31.  
  32.     }
  33.     function animated2() {
  34.     if($("img", this).width() >= "400"){
  35.         $( this ).delay(300).hoverFlow( 'mouseleave', { width: "20px" , height:"320px" }, { queue: false, duration: 1800});
  36.     $("img", this).fadeOut(1800);
  37.     }
  38.  
  39.     }
  40.     function animated3() {
  41.         if($( this).width() >= "25"){
  42.  
  43.  
  44.         $( this ).animate( { width: "420px", height:"420px" }, { queue: false, duration: 800 });
  45.        
  46.         $("img", this).fadeIn(1200);
  47.        
  48.         }
  49.     }
  50.    
  51.    
  52.          function animated4() {
  53.         if($( this).width() >= "25"){
  54.         $(this ).hoverFlow( 'mouseenter', {$("#clickme").css('opacity', 0)},  { queue: false, duration: 1000  });
  55.         }
  56. /*      else {
  57.         if($("#clickme", this).width() <= "35").hoverflow( 'mouseleave', {opacity: "0"},  { queue: false, duration: 1000  });
  58.         }  */
  59.     }
  60.    
  61.    
  62.  
  63.  
  64.         function fadeoutcallback(){
  65.     $("img", this).hide();
  66.     }
  67.     } /*ie7*/
  68. })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement