Introduction:
Here I will explain how to load webpage content with fade in effect using jquery in asp.net.
Here I will explain how to load webpage content with fade in effect using jquery in asp.net.
Description:
In previous post I explained hide or show div content elements using JQuery and many articles relating to JQuery. Now I will explain how to add fade in effect to webpage using Jquery in asp.net.
In previous post I explained hide or show div content elements using JQuery and many articles relating to JQuery. Now I will explain how to add fade in effect to webpage using Jquery in asp.net.
If
we want to implement fade in effect to webpage in jquery we need to write the
code like as shown below
<script type="text/javascript">
$(document).ready(function()
{
$('#fadediv').fadeIn(2000);
});
</script>
|
In
above script fadediv is the id of the div which
is used to load the inside of div content with fadein effect. If you want sample
check below code
Example:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"
runat="server">
<title>Load page with fade in effect using JQuery</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#fadediv').fadeIn(2000);
});
</script>
</head>
<body>
<form id="form1"
runat="server">
<div id="fadediv"
style="display:none">
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
</div>
</form>
</body>
</html>
|
Demo
To check demo click
on below link
|
If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email. |
|||
Subscribe by RSS
Subscribe by Email
|
|||
|
|
2 comments :
It seems to be easy, but I wouldn't guess it by myself. Thanks!
sir i am creating a small social network for my college and i want to add like and commant button which is same as facebook so help me how can i make it????
please sir??
thankyou in advance