我的名字:“周元俊” 程序猿/80后/轻生活/轻日记/轻梦想 ======QQ:772892349======
© 优特良品&优特建站出品 | Powered by YOUTIY
苏ICP备13018047号
原创学生dw网页设计,你值得拥有
TAGS: 网页设计

一、概要

网页主题名称:【周末·画廊】
版本:v1.0
作者:周末
发布日期:2018/01/03

二、网页截图


鼠标悬浮效果:


三、模板介绍

       该模板为纯html5模板,主题为周末·画廊,此模板采用不规则的方格布局,不包含任何服务器端code,只包含index.html一个页面,PC端和手持端自适应,即响应式布局,网页的目录结构为:css、fonts、img、ionicons和js,网页采用div+css布局, h5标签开发和扁平化设计。

四、目录结构


五、浏览器兼容

六、关键代码解析

1、modernizr.js
       Modernizr帮助我们检测浏览器是否实现了某个feature,如果实现了那么开发人员就可以充分利用这个feature做一些工作,反之没有实现开发人员也好提供一个fallback。

2、isotope.pkgd.min.js
       Isotope是一款效果非常神奇的元素分类过滤和排序布局jQuery插件。Isotope是Masonry布局的作者David DeSandro的一款力作,该分类过滤和排序插件允许你以非常简单和炫酷的方式来隐藏和显示元素,以及对元素按照指定的规则进行排序。

七、站长推荐作品

《一首小诗html网页代码分享》

《你必须要知道的网页开发工具》

八、写在最后

源码下载:https://pan.baidu.com/s/1nw9EGOh

本文由周元俊博客原创出品,如需转载请注明出处

本文出处:http://www.youtiy.com/detail_360.html

周元俊
2018-02-26 09:53:11
留下你的脚印吧
标签云
网页设计 精致慢生活 感悟思语 我的旧年华
我的微信