Basta mettere il body a display:none e poi usare jquery per mostrarlo.
Nell'esempio allegato c'ho messo un ritardo (per simulare il caricamento della pagina) e un effetto di fadein (che rende tutto più fico!):
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test page</title> <!-- JQUERY --> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script type="text/javascript"> $( window ).load(function( ) { $("#body_id").delay("slow").fadeIn(); }); </script> </head> <body id="body_id" style="display:none"> CIAO! </body> </html>
Rispondi quotando