本篇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。