Search the Community

Eu estou fazendo uma página pra faculdade que só pode ser usado HTML e CSS, e nessa página eu gostaria de ter um scrolls, Porém, ao invés de usar o scroll do mouse, usar um botão dentro da própria página levando ela ao conteúdo desejado. No caso, a página seria uma só e teriam algumas camadas, a camada da página inicial que conteria todos os botões levando a todas as outras camadas, camada de baixo com algum conteúdo, outra camada com outro conteúdo... Como posso fazer? Além de querer saber como criar os scrolls, queria saber como criar backgrounds separados, página inicial de uma cor, conteúdo de outra, assim como no site. Desde já, agradeço. Site de exemplo: Arcadis.com

E ai pessoal, tudo certo? Estou com um problema para manipular algumas propriedades do CSS pelo JavaScript. Trecho JavaScript: function rodadas(){ for(i=0;i<=9;i++){ for(novaRodada=0;novaRodada<5;novaRodada++){ if (cacheGame[i] == 1){ document.getElementById('janela1').style.display='block'; //erro: Uncaught TypeError: Cannot read property 'style' of null //alert("abrir janela1"); break; } if (cacheGame[i] == 2){ //document.getElementById('janela2').style.display='block'; alert("abrir janela1"); break; } if (cacheGame[i] == 3){ alert("abra a janela 3!"); break; } if (cacheGame[i] == 4){ alert("abra a janela 4!"); break; } if (cacheGame[i] == 5){ alert("abra única porta!"); break; } } } } Trecho CSS: #janela1{ float: left; width: 260px; height: 218px; position: relative; left: 180px; top: 57px; background: url(../imagens/Janela.png); display: none;/* ESTOU TENTANDO PASSAR DE "none" PARA "block" VIA JAVASCRIPT*/ }