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

Untitled

By: a guest on Jun 11th, 2012  |  syntax: None  |  size: 1.22 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. fadeto is not working on IE
  2. $(document).ready(function () {
  3.  
  4.     $('.rangea').hover(
  5.  
  6.  
  7.         function() {
  8.             $(this).children('div').stop(true,true).fadeTo(0,1.00);        
  9.         },
  10.  
  11.  
  12.         function() {
  13.             $(this).children('div').stop(true,true).fadeTo(0,0.00);
  14.  });
  15.  
  16.     });
  17.        
  18. .rangea
  19. {
  20.     position:absolute;
  21.     width:300px;
  22.     height:300px;
  23.     /*border:1px solid #FFF;*/
  24.     left:905px;
  25.     top:300px;
  26. }
  27.  
  28. #couch{ top:130px; left:130px;}
  29.  
  30. /* Class : more */
  31. /* Picture Styles */
  32.  
  33. #picture { position:absolute; top:0; width:1280px; height:800px; margin:0; overflow:hidden; }
  34.  
  35. /* General More Button */      
  36. .more{ position:absolute; width:64px; height:64px; background:url(dim.png); border:1px solid #444; padding:2px;
  37. text-align:left; overflow:hidden; display:none;}
  38.  
  39. .more span{ position:absolute; left:65px; width:160px; padding:23px 0 0 8px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }
  40.        
  41. <div id="picture">
  42.  
  43.      <!-- More Info Buttons -->
  44.  
  45.      <div class="rangea" >    
  46.         <div class="more" id="couch" >
  47.             <a style="text-decoration:none" href="">
  48.             <img/><span>Log In</span>
  49.             </a>
  50.         </div>
  51.     </div>
  52.  
  53. </div>