简单的仿了一下http://wearetheswan.com/这个网页

<body>
		<div id="sl1" class="slidout">
			<div class="slider" id="s1">
				<span class="grad" id="g1"></span>
			</div>
		</div>
		<div id="sl2" class="slidout">
			<div class="slider" id="s2">
				<span class="grad" id="g2"></span>
			</div>
		</div>
		<div id="sl3" class="slidout">
			<div class="slider" id="s3">
				<span class="grad" id="g3"></span>
			</div>
		</div>

	<div id="first_wel">
		<div class="ft" id="ft1">
			<ul class="til">
				<li id="title1"></li>
				<li>welcome to here</li>
			</ul>
		</div>
		<div class="ft" id="ft2">
			<div class="til">这块的切换我觉得挺有意思的</div>
		</div>
		<div class="ft" id="ft3">
			<div class="til">简单的说其实就是js控制css旋转、渐变</div>
		</div>
	</div>
	<div id="vertical">
		<div class="vert" id="v1">
			<div class="text">
				这块按自己的想法,布局就好,<br />原网站弄的网格。随个人喜好吧。
			</div>
		</div>
		<div class="vert" id="v2">
			<div class="text">这块也是随便弄,就随便放想放的东西</div>
		</div>
		<div class="vert" id="v3">
			<div class="text">
				<span>THANK YOU FOR WATCHING</span>
			</div>
		</div>
	</div>
  </body>

编程技巧