Redirect using Fade animation from one page to another using jQuery

micah

SOLVED CLOSED ACTIVE ANSWERED
User: micah
Posted: on Sep 01, 2015 01:54 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 7447
Sample Code: Download

How do I create jquery animation that can fade page A into page B.

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Sep 01, 2015 08:39 AM
Report

Hi micah,

Please check the below code.

HTML Page 1

<body>
    Content HTML Page1.
</body>

WebForm

<form id="form1" runat="server">
<div id="topBar">
    <a href="#" id="home">FadeIn </a>
</div>
<div id="content">
</div>
</form>

Script

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $().ready(function () {
        $("#home").on("click", function () {
            var file_name = 'HTMLPage1.htm';
            $('#content').hide();
            $('#content').load(file_name, function () {
                $('#content').fadeIn(500);
            });
        });
    });
</script>

Hope this might help you.

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Redirect using Fade animation from one page to another using jQuery

Company

Explore

Follow us

Contact Us