一、概要

网页主题名称：【迷你灰 MINIGRAY】

版本：v1.0

作者：周末

发布日期：2017/12/08

二、网页截图

PC端：

三、模板介绍

       该模板为纯html5模板，本人很喜欢简洁明了的页面设计，不浮夸，也不冗余，此模板采用黑白为主色，奠定了大气的基调，不包含任何服务器端code，只包含index.html一个页面，PC端和手持端自适应，即响应式布局，网页的目录结构为：images、css、js、fonts，网页采用div+css布局， h5标签开发和扁平化设计。

四、目录结构

五、浏览器兼容

六、关键代码解析

1、Jarallax.js是一款效果炫酷的jQuery背景视觉差特效插件。网页背景视觉差是一种网页在滚动时，各种页面元素的动画速度不一样而形成的一种欺骗视觉的技术。这种技术被广泛使用在游戏和移动手机上。

2、animsition.js【页面缓慢加载效果】

3、logo鼠标悬浮翻转效果

4、鼠标悬浮图片缩放效果

案例下载：案例1.html

5、文字平滑移动效果

案例下载：案例2.html

6、数字递加效果

7、鼠标悬浮菜单显示三点效果

案例下载：案例3.html

七、写在最后

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

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