查看: 1153|回复: 0

仿win8 metro界面网页设计

尚未签到

发表于 2015-5-20 10:59:45 | 显示全部楼层 |阅读模式

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

　　演示地址：http://3.tianyirenjian.sinaapp.com
　　
　　源代码放在新浪sae上，因为设置了防盗链，可以去我个人博客下载。点此去下载。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-68839-1-1.html 上篇帖子： Win8开发者-高手之路02 下篇帖子： #Win8# 初试Win 8 App开发

使用道具举报