Skip to content

imwyh/nav

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
IMG
 
 
 
 
 
 
 
 
 
 

nav

一个响应式可自定义的简洁导航

demo

https://nav-eight.vercel.app/

使用方法

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.最后一个链接为我的博客,欢迎交换友链。