html文件打开是搜索导航,GitHub - bituplink/OneHtmlNav: 单文件html的网络导航页面，简约并不简单...

OneHtmlNav

这是基于小呆导航的超级精简版本，之所以投入了不少精力折腾这个导航，是之前自己网站的导航有点功能不足，看到了小呆导航有我需要的功能，但是确是基于CMS的，有点复杂我又不想再搭建一个平台，所以就打算去除掉一些不需要的功能，只实现网址导航这个功能，所以就拿过来精简了，由于定的是这个目标所以界面美化什么的就不要追求了，我前端代码能勉强看懂就不错了，所以各位如果有精力可以自己琢磨或者参考官网美化一下

访问小呆导航源项目: github

这是导航界面

主要修改点

去掉了源代码关于CMS的部分，只保留了前端的部分代码

去除了大部分和导航无关或者定制化的代码，只保留了导航的主要功能，也就是搜索和网址推荐

精简了HTML中的各种文件依赖，改为标准库引用网络，非标准的精简去冗余后合并到HTML文件中

去掉了网址和搜索引擎的图片，全部改为文字展示，搜索引擎由img的hover改为button的hover,同时选择后修改button中的文字，显示为对应的引擎名字

更改了引擎列表的数据结构，去掉了图片的链接部分

背景原先是白色的，还可以，不过由于我去掉了所有icon图片，就有点不美观了，就重新通过repeat方式生成了一个带颜色的背景，采用的是base64处理后的图片，就是为了不引入图片文件，但是字符比较多，建议打开文件的时候使用notepad++之类的支持代码折叠和换行的软件进行查看

去除了自带的百度搜索联想功能，有啥各位直接打字就好了，猜词什么的感觉没很么必要去掉了

去掉了搜索词后的删除图标，因此就没有了原先的一键清除输入内容的功能，也是为了不引入图标，以及感觉不是很必要

代码优点:

单文件，简单无文件依赖，就一个html,除了公共的一个css和jquery库，js和css都内嵌在html中了

代码1K行，自注释，想要按需修改的自己看中文注释，写的比较清晰

代码整洁，已经通过工具美化过了，换行什么的都OK，没有做压缩处理，主要是为了给人看，有啥都好改

环境无依赖，电脑直接当网页打开也可，放在服务器目录下直接作为HTML或者添加为php都可以

支持搜索引擎的修改，可以自己添加合适的搜索引擎，这点才是我想要的，大多数导航不是下拉就是点击勾选的有点不给力，这个代码悬浮弹出点击选择的形式很不错

代码基本无冗余，无效的js和css都被我手动一行行清理掉了，废了老大劲了

PC端和手机端都支持，大部分效果和样式我都测试了，没啥问题

程序缺点:

界面略朴素，各位有前端能力的自己修改吧

功能部分是按照我自己的想法来的，如果裁剪过度，建议参考原先项目和网页界面进行修改添加

建议和改进

捐助

为了修改这份代码我也是花费了近一个星期才搞定，很是用心，如果你觉得代码对你有用就拿去用吧，愿意赞助一点的我表示开心，或者分享出去让更多的人使用也是好的

方式一: 支付宝捐助

方式二: 微信捐助

license

这是基于小呆导航MIT协议的代码进行开发的，为了遵守协议规定，license文件和界面声明我都保留了，使用的时候建议大家也遵守协议规定

html文件打开是搜索导航,GitHub - bituplink/OneHtmlNav: 单文件html的网络导航页面，简约并不简单...相关推荐

网址导航html单文件,GitHub - pizzasheep/OneHtmlNav: 单文件html的网络导航页面，简约并不简单...
OneHtmlNav 这是基于小呆导航的超级精简版本,之所以投入了不少精力折腾这个导航,是之前自己网站的导航有点功能不足,看到了小呆导航有我需要的功能,但是确是基于CMS的,有点复杂我又不想再搭建一个 ...
linux swf文件打开_如何在Linux上播放.swf文件？
linux swf文件打开 How to play the flash (.swf) files downloaded from the Web on Linux? 如何在Linux上播放从Web下载 ...
java post 多文件报头_Spring MVC-------文件上传，单文件，多文件，文件下载
Spring MVC框架的文件上传是基于 commons-fileupload 组件的文件上传,只不过SpringMVC 框架在原有文件上传组件上做了进一步封装,简化了文件上传的代码实现,取消了不同上 ...
python文件打开的默认模式_怎么改变pycharm文件打开方式
PyCharm安装 1 从文末链接或者Jetbrains官网下载安装包,双击进行安装:可选择pycharm作为打开.py文件的默认安装程序 2 下一步,直至安装完成.这时候PyCharm就自动运行了. ...
python文件打开模式中、使用w模式、文件指针指向_被python文件模式“w+”所迷惑
慕仰8121524 假设您正在用with像你应该说的那样.然后你会做这样的事情来阅读你的文件:with open('somefile.txt', 'w+') as f: # Note that f h ...
文件锁定工具IObit Unlocker v1.2.0单文件
介绍: IObit Unlocker,解除文件锁定工具,文件强制删除工具,支持Windows所有版本,可以方便的通过资源管理器右键解除被锁定占用的文件,从而轻松删除被锁定的文件或文件夹. 什么是锁定的 ...
linux 打开关闭文件,Linux系统编程-文件打开关闭
一.文件描述符对于Linux而言,所有对设备或文件的操作都是通过文件描述符进行的.当打开或者创建一个文件的时候,内核向进程返回一个文件描述符(非负整数).后续对文件的操作只需通过该文件描述符,内核记 ...
python中打开文件时只允许写入的模式是_详解python中各种文件打开模式
在python中,总的来说有三种大的模式打开文件,分别是:a, w, r 当以a模式打开时,只能写文件,而且是在文件末尾添加内容. 当以a+模式打开时,可以写文件,也可读文件,可是在读文件的时候,会发 ...
python中文件打开与关闭操作命令
1.文件打开与关闭在python,使用open函数,可以打开一个已经存在的文件,或者创建一个新文件 open(文件名,访问模式). f = open('test.txt', 'w') 文件打开模式: ...

html文件打开是搜索导航,GitHub - bituplink/OneHtmlNav: 单文件html的网络导航页面，简约并不简单...

html文件打开是搜索导航,GitHub - bituplink/OneHtmlNav: 单文件html的网络导航页面，简约并不简单...相关推荐

最新文章

热门文章