Simple Jquery fadeOut

The below is jquery effect Code. When you go through the HTML code then you will find the the Text On HTML Page “CLICK ME AWAY!”. When you click on this text on browser then it will fade out and disappear .

Copy The HTML Code on page and down load Jquery.js file and put in js folder.

$(document).ready(function(){
  $("#test").click(function(){
  $(this).fadeOut();
  });
});
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#test").click(function(){
  $(this).fadeOut();
  });
});
</script>
</head>
 
<body>
<div id="test" style="background:yellow;width:200px">CLICK ME AWAY!</div>
<p>If you click on the box above, it will be removed.</p>
</body>
 
</html>

Jquery Files Download from the top

Author: Pavan

I am asp.net developer have good knowledge of Asp.net ver 05,08,10 and good hand in sql server.Proficient in Object Oriented Programming and javascript, jQuery. Achievements - Integrate Spotfire, appnexus API ASP.net with sql server. Hobbies - Blogging ,Games, Movies ,Teaching,Keeping myself update with new technologies