前端导航站点（PC端）

本篇LIST

1.项目预览地址： 项目预览地址

2.项目完成效果：

3.HTML布局拆分

1. tip提示部分

2. title标题部分

3.搜索栏部分

找的是codepen上现成的搜索框样式，包含搜索框展开收缩的特效。

4.键盘录入部分

找的是codepen上的现成的3d键盘样式，当点击实际键盘上对应的按键时，品目上的键盘会按下。

5.整体页面背景部分

找的是google导航的也页面背景。

6.添加网站的弹出框部分

找的是codepen上现成的弹出框样式，少加修改。

4. CSS结构拆分

主要是现成的样式，tip提示消息的样式是自己写的，但是功能不够完善。

5.JS主要逻辑功能的拆分

1.JS用了jquery这个js的第三方库，来简化代码的书写。

2.主要的代码逻辑

6.项目缺陷

无法准确的获取添加网站的icon图标，无法找到合适的api。