仿win8 metro界面网页设计

最近想把个人网站(天意人间)改版一下，准备用thinkphp，进入thinkphp网站，眼前一亮，改版了，改成win8的Metro界面了，效果确实相当的炫，所以我就想把我的博客也改成那样的界面。已经做出来界面和效果，可是由于忙、本人懒等原因，新版本被无限期推迟了。在这里把界面的源码发布出来。包括了鼠标滚动切换屏幕，点击切换按钮切换屏幕，还有就是颜色随机。脚本依然是mootools的，修改成jquery也相当简单。不过有一点遗憾，就是每一屏的最后两个元素是绝对定位的。

效果图2张：

演示地址：http://3.tianyirenjian.sinaapp.com

 

源代码放在新浪sae上，因为设置了防盗链，可以去我个人博客下载。点此去下载。