轻设计 / 轻生活 / 轻日记 / 轻梦想 === zhoumojianshe ===
© 优特良品&优特建站出品 | Powered by YOUTIY
苏ICP备13018047号-1
大学html5网页设计作业
TAGS: 网页设计

一、概要

网页主题名称:【迷你灰 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

周元俊
2017-12-08 18:10:01
标签云
网页设计 精致慢生活 感悟思语 我的旧年华
加偶微信