How to use Hiding-Sliding and Fading in JQuery
This article describe about jQuary Hiding-Sliding and Fading method.
Hiding-Sliding and Fading in jQuery
Sliding and hiding method is provide two method in jQuery.
jQuery fadeOut() method
jQuery fadeout() method is fading a test above this program.
Example
<!DOCTYPE html>
<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:red;width:100px">CLICK hehe!</div>
<p>Click this box, then it will be remove.</p>
</body>
</html>
|
Output
After click button
You may also want to read these related articles here
Ask Your Question
Got a programming related question? You may want to post your question here
Programming Answers here