一个响应式可自定义的简洁导航
1.部署到自己服务器:
下载源码,编辑bd.js中的json,添加自定义导航页面或者搜索页面。
最终JS根据bd内容生成完整网页。
2.在线部署:
点击FORK到自己仓库。
转到:https://vercel.com/ ,使用github账号登陆。
新建NEW PROJECT,IMPORT此项目。因为是纯静态网页,语言选择others。
DEPLOY完成后VISIT该页面。
1.输入框回车直接使用默认搜索。
2.输入内容后可用方向键上下选择搜索引擎。
3.点击默认搜索(如demo中谷歌)没有任何反应是为了兼容移动端无法区分click和hover。
4.双击输入框清空内容。
5.可以设置一个默认网页使click搜索引擎时直接前往。
6.鼠标或者触屏滑动中间div部分可左右切换页。
1.编辑json时小心标点符号。
2.可以编辑index.html中最后一行script修改动态背景。
3.可以编辑include/style.css中:root修改配色。
4.可以编辑include/style.css最后的#background修改背景颜色。
5.到这个链接获取或者修改mdi图标:https://materialdesignicons.com/ (此网页加载较慢)。
6.没有合适mdi图标可以直接使用文字代替,bd.js有示范。
7.最后一个链接为我的博客,欢迎交换友链。