- Home
- Jquery Examples
- Fadein Effect
jQuery - Fadein Effect
विवरण :
कोई विवरण नहीं है |
सोर्स कोड :
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style type="text/css">
#display{
display:none;
padding:5px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#fadein").click(function(){
$("#display").fadeIn();
});
});
</script>
</head>
<body>
<button id="fadein"> FadeIn </button>
<h1 id="display">Hello World </h1>
</body>
</html>
आउटपुट :
Hello World