Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
<!DOCTYPE HTML>
<html>
<head>
<style>border: none;
margin: 0px;
padding: 0px;
resize: none;
outline: none;
text-decoration: none;
}html, body
{
overflow: hidden;
width: 100%;
height: 100%;
font-size: 20px;
font-family: verdana;
font-weight: normal;
color: #fff;
}
.homewidth: 100%;
background: url(imagn.jpg) left top no-repeat;
}.conteudo, .contato
{
width: 100%;
display: table;
}
</style>
<script type='text/javascript' src='jquery-1.11.2.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$(window).load(function()var wwidth = $(document).width();
var wheight = $(document).height();
$("#home").height(wheight);
$("#home").width(wwidth);
return false;
});
});
</script>
<title>Teste</title>
</head>
<body>
<div id="home" class="home"></div>
<div id="conteudo" class="conteudo"></div>
<div id="contado" class="contado"></div>
</body>
</html>Quando o sistema é carregado o elemento home ocupa a tela inteira eo restante do conteudo fica oculto ate que ococrre um evento do scroll do mouse ou click..... ao rolar a pagina com o scrool ou se ocorrer um click em uma opção do menu exibir a seção corresmponte ao evento....
Carregando comentários...