《前端项目学习》

一、 简介

1 概述

本项目front-project包含了很多前端Demo项目，以供大家学习和参考

二、 快速入门

三、 前端Demo项目介绍

1. Images(图片特效系列)

1.1 3DRotateImg

• 1.图片以3D方式轮转，效果图

3. 其它

3.1 hoverInfo

3.1.1 功能描述

12宫格排放小图片，鼠标移动到具体的图片上，显示图片详情

3.1.2 效果展示

鼠标划过，内容动态显示详细信息，效果图

3.2 changeInfo（信息切换)

3.2.1 功能描述

• 1.鼠标滑动到对于的元素上，右边显示详细信息。同时具有导航栏。页面中展示的内容是通过JS来加载动态的配置文件，实现页面渲染。
• 2.不建议页面显示内容通过JS来实现，可读性较差。难维护

3.2.2 效果展示

鼠标划过，右侧出现动态信息，提供导航栏，实现信息的切换。效果图，由于页面嵌入JS脚本，gitHub禁止执行JS脚本，请先clone下来，本地查看效果图

3.3 复选框全选／反选

3.3.1 功能描述

复选框中非常常见的功能: 全选/取消。该Demo实现复选框的全选和反选功能。

3.3.2 功能展示

。效果图

4. 参考他人项目

• 1: YUUXIAO/webProject

5. TODO-LIST