2013-10-05, 09:49 PM,
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.
Share This Thread :

2013-10-06, 12:14 AM,
This is done with jQuery.

How it's done:
Wrap your entire webpage in a div

<div id="wrapper">

Webpage content



Inside the <head> tags, paste the following scripts:
<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">
        // fade in
        $( '#content-wrapper' ).fadeIn("slow");        

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




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.)
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!

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

Related Threads
Thread Author Replies Views Last Post
  How to put HTML landing page script in blogger walterzingo 4 290 2018-02-03, 06:55 PM
Last Post: umberblue
  Where should I put <script> tags in HTML? Pirata 5 337 2017-12-03, 11:38 AM
Last Post: Pirata
  Help converting Instapage to HTML Leo 4 503 2017-04-19, 07:25 PM
Last Post: EnChanter
  [Urgent] Help With HTML (Form to Email) IndeXer 5 321 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 480 2017-02-01, 01:47 AM
Last Post: CharlieHarper

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

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