Jquery mouseenter and fadeTo - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:mouseenter

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. mouseenter

Description

Jquery mouseenter and fadeTo

Demo Code

ResultView the demo in separate window 


<html>
 <head> 
  <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
 </head> //from   w w  w  . j a v  a  2  s.  c o m
 <body> 
  <div id="header">
    AAA 
  </div> 
  <script>
$(document).ready(function(){
        $("#header").mouseenter(function(){
           $("#header").fadeTo('fast', 1);
        });
    $("#header").mouseleave(function(){
        $("#header").fadeTo('fast', 0.1);
    });
});

      </script>  
 </body>
</html>

Related Tutorials