Mouse Hover Example

  1. <html >  
  2. <head >  
  3. <title></title>  
  4. <script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>  
  5. <script type="text/javascript">  
  6. $(document).ready(function(){  
  7. $("h1").hover(function(){  
  8. $(this).attr("style","border:5px solid red; color:green; background-color:yellow;width:400px");  
  9. },  
  10. function(){  
  11. $(this).attr("style", "border:2px solid green; color:red;background-color:aqua;width:400px");  
  12. });  
  13. });  
  14. </script>  
  15. </head>  
  16. <body>  
  17. <form id="form1" runat="server">  
  18. <div align="center">  
  19. <h1 style="width:400px"> Welcome To JQuery</h1>  
  20. </div>  
  21. </form>  
  22. </body>  
  23. </html>