Mouse over in blocks of cards - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:mouseover

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

Description

Mouse over in blocks of cards

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
  <script>
    $(document).ready(function(){
        $("p").hover(function(){
            $(this).css("background-color", "green");
            }, function(){//from  ww w.j  a  va2  s.  c  om
            $(this).css("background-color", "pink");
        });
    });
    
      </script> 
 </head> 
 <body> 
  <p>Hover the mouse pointer over this paragraph.</p>  
 </body>
</html>

Related Tutorials