[HELP ME] Fade In HTML
2013-10-05, 09:49 PM,
#1
Does anyone knows how to make a site to fade in on load?
Example : http://getsteamcodes.com/Steam/index.html

Please quote me if you are replying to me so I would get a notification.
2013-10-06, 12:14 AM,
#2
This is done with jQuery.

How it's done:
1.
Wrap your entire webpage in a div
Code:
<body>

<div id="wrapper">

Webpage content

</div>

</body>

2.
Inside the <head> tags, paste the following scripts:
Code:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>// be sure to add the jquery library

<script type="text/javascript">
$(document).ready(function()
{
        // fade in
        $( '#content-wrapper' ).fadeIn("slow");        
});
</script>

3.
Add the following css style to your <head> tag
Code:
<style type="text/css">

#wrapper
{
    display:none;    
}

</style>

NOTE:

Your webpage will be blank for people that have javascript disabled because of the wrapper{display: none;} line.
Latest Thanks - View all

ImAlanas(2013-10-06 01:38 PM) 


[Image: wI9cuAG.png]
2013-10-06, 01:38 PM, (This post was last modified: 2013-10-06, 02:15 PM by ImAlanas.)
#3
Thanka gonna test it out as soon as i get on Pc!
Who the hell disables javascript these days lol
EDIT : Doesnt work for me either. Not going to use it, but still gave thanks!
Thanks!

Please quote me if you are replying to me so I would get a notification.


Possibly Related Threads...
Thread Author Replies Views Last Post
  Where should I put <script> tags in HTML? Pirata 5 184 2017-12-03, 11:38 AM
Last Post: Pirata
  Help converting Instapage to HTML Leo 4 431 2017-04-19, 07:25 PM
Last Post: EnChanter
  [Urgent] Help With HTML (Form to Email) IndeXer 5 285 2017-02-01, 01:55 AM
Last Post: IndeXer
  How to make html (php) file loads random js files every time reloading the page? immart247 8 419 2017-02-01, 01:47 AM
Last Post: CharlieHarper
  Alternatives to cpagrip (custom html/css lockers) ArtoAllan 22 3,715 2016-12-17, 07:48 PM
Last Post: COBNET





About Us | Contact Us | CPA Elites | Advertise | Stats | Staff Team

© 2013-2017 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top