navigation-site:使用javascript进行网站导航

时间:2021-05-17 04:23:48
【文件属性】:
文件名称:navigation-site:使用javascript进行网站导航
文件大小:66KB
文件格式:ZIP
更新时间:2021-05-17 04:23:48
JavaScript 如何用JS做一个自己的导航? 关键词:原生JavaScript、locationStorage、JSON、favicon、onerror、图床、CSS Gradient Generator 描述:该项目使用原生JS实现一个键盘导航,该导航支持百度、谷歌搜索,键盘字母绑定自定义的网站。用favicon实现了获取网站logo的url功能,用CSS Gradient Generator 实现了键盘颜色的渐变,用locationStorage实现了用户输入url保存到本地的功能。 源码链接:就是本网页 预览链接: 一、页面分析 1、数据的储存 一个二维数组来表示n行键盘,这里的n为4 一个hash储存键(键盘的上的字母)值(网址) 2、视觉部分 css表示:定位、色彩、动画、hover 3、事件绑定 键盘点击事件:onkeypress 鼠标点击事件:onclick 图片加载失败:onerror 二
【文件预览】:
navigation-site-master
----main.js(4KB)
----README.md(8KB)
----style.css(3KB)
----index.html(1KB)
----img()
--------touxiang.jpg(44KB)
--------bg.jpg(24KB)

网友评论