KeyboardNav的纯JS实现(学习笔记)-本博客只是自己的学习笔记,以备日后复习,未经仔细排版,无逻辑编写GitHub项目源码预览地址最终效果KeyboardNav使用指南:左下角是网站的图标,'.'表示该网站没有图标或未设置该网站。按键盘上相应的键进入相应的网站。将鼠标放在上面可以编辑和保存网站。除初始网站外,用户编辑的网站均有本地cookies。清除cookies后,本地网站将被清除,恢复初始状态数据结构。该数组用于导航页面。其实数组就是一个散列数组。方括号实际上是hash的缩写。而数组是一个对象。Error学习JSerror:unprocessedgrammaticalerror:unexpectedstring]意思是这里不应该有字符串]语法错误css重要代码text-transform:uppercase;/*文本小写到大写*/#mainxxxx{display:inline-block;}main{text-align:center;}/*mainxxx这个div居中*/#mainxxxx>div:nth-child(2){margin-left:1em;}#mainxxxx>div:nth-child(2)表示mainxxxx的第二个名为div的子元素。找到kbd内的按钮并添加hoverkbd>button{position:absolute;右:0;底部:0;显示:无;/*绝对定位到右下角*/}kbd:hover>button{display:inline-block;/*鼠标只有在鼠标悬停时才会出现kbd*/}box-shadowusageguideinset默认阴影在边框外。使用inset后,阴影在边框内(即使是透明边框),背景在内容下方。
