![5e2ff4fde9e1899d39885d3d7cc62998.png](https://i-blog.csdnimg.cn/blog_migrate/6ff541cd2f40c76eeda37855410edd4c.png)
这是一个网页导航,在搜索框内可以进行百度搜索
下面的导航可以链接到指定的地址
点击添加按钮可以添加网页
导航中的字母为网页的第一个字母大写
背景颜色为随机生成
代码我已经上传至GitHub,源码:
https://github.com/1446450047/Navigation-webpagegithub.com预览效果:
https://1446450047.github.io/Navigation-webpage/Navigation-webpage/index.html1446450047.github.io需要了解的知识
- HTML 和 CSS
- JavaScript和DOM操作
- 一点点jQuery(因为用jQuery比较方便)
- 媒体查询(因为要适应手机)
- svg symbol
- 等等等等零零碎碎的东西
HTML部分:
<!DOCTYPE html>
CSS部分
/*css reset*/
JavaScript部分
//获取网页中的下面写的x,然后转换为对象