Good you can start creating the body with the exact height of the user screen.
$(document).ready(function(){
var altura = $(window).height();
body.style.height = altura+'px';
});
Create content div’s with height 100%;
With a menu (film?) you will make the call for each content.
Div’s will have display: None, and by jquery you will hide the div q no longer need to be displayed and showing what you need to display
example:
$('#Ltest').click(function(){
if(ltest2.style.display == 'block')
{
$('#ltest2').fadeOut();
$('#ltest').delay(400).fadeToggle('slow');
}
else
{
$('#ltest').fadeToggle('slow');
}
Of course this is just an example or a way to be done.. There are another 600000 possibilities, it all depends on your creativity and learning patience. You asked for a start, there you are.
Your question, besides being quite broad, is mainly based on opinions. To avoid gaining negative votes, it is interesting to read the area Asking of Help Center to find out what types of questions are accepted here.
– Woss