今天来分享个win8风格的网站。先不说那么多,直接上图:
这个图呢,实在火狐浏览器的3D视图上看的效果。够酷吧,哈哈!
不难看出,这种结构其实挺简单的,就是一些DIV,其实win8风格就是长方形的排列,在win8系统上看到的效果可能与web的效果不一样,其实也可以做成一样的,只不过JS效果难做一点罢了。那种自动翻转完全可以用js的效果弄出来。由于没有啥实质性作用,所以我也就没弄那么多。只是做个展示而已。
如果你要做这样一个页面,你需要先学会DIV和CSS这些基础性的东西,如果啥都不懂,建议从HTML5开始学习。把DIV摆好就成了,至于颜色,都是DIV的背景色,不是图片,因为图片毕竟加载浪费时间和宽带的。好了,就说到这里,有兴趣看看这个网站吧。
=================================
更多IT学习资料,IT开发探讨请前往觅入门:www.rumen.me
本文出自 “觅入门” 博客,请务必保留此出处http://merumen.blog.51cto.com/6860937/1358649