http://benthebodyguard.com had the Internet all abuzz when it debuted in December, 2010. The authors used a single-page layout to tell an interactive story of a fictional French bodyguard named Ben. As viewed scrolled down the long page, multiple backgrounds help tell the story of the then-soon-to-be-released iPhone application.
Let's check out http://benthebodyguard.com and scroll through the animation.
Let's focus on a snippet of the source code and see how the site authors utilized multiple backgrounds.
<!doctype html> <html class="" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Ben the Bodyguard. Coming soon to iPhone® and iPod touch®</title> <meta name="author" content="Ben the Bodyguard"> <link rel="stylesheet" href="css/style.php?v=1"> </head> <body class="index"> <div id="container"> <div id="hide-wrapper...