Home/ Questions/Q 7045705
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T02:33:47+00:00

Is there any way to use the fade in/out effect of jQuery while loading

  • 0

Is there any way to use the fade in/out effect of jQuery while loading a page? I don’t want to have hidden div and I call the fadeIn() method to show those divs. I want the pages to load with such effect. Any solution to that?
So much appreciated !

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Desription

    You can set the css opacity attribute of the whole body to 0 and then use jQuery animate.

    I never thought about that, nice question! I have tested it and it works!

    Sample

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title></title>

        <script type="text/javascript" src="PathToJqueryJsFile" />
        <script type="text/javascript">
            $(function () {
                $("body").animate({ opacity : "1.0" });
            });
        </script>
    </head>
    <body style="opacity:0"">
            Hello world
    </body>
</html>

    More Information

    Update

    Keep aware of hidding elements without checking the user has javascript enabled.

    • 0