仿win8 metro界面网页设计

最新推荐文章于 2021-06-19 14:22:24 发布

转载最新推荐文章于 2021-06-19 14:22:24 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tianyi-yyj/archive/2012/10/01/2709658.html

文章标签：

#javascript #ViewUI

博主计划使用ThinkPHP为个人网站“天意人间”进行改版，并采用类似Win8 Metro风格的设计。已实现界面效果，但因各种原因新版本延期发布。本文分享了该界面的源码及特色功能。

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

效果图2张：