单文件html的网络导航页面OneHtmlNav

镇长 单页导航源码 2020-03-26 10:14:09 444 0 | 文章出自:福利镇

这是基于小呆导航的超级精简版本。onehtmlnav.png


主要修改点:

去掉了源代码关于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端和手机端都支持,大部分效果和样式我都测试了,没啥问题
程序缺点:

界面略朴素,各位有前端能力的自己修改吧
功能部分是按照我自己的想法来的,如果裁剪过度,建议参考原先项目和网页界面进行修改添加


开源项目链接:https://github.com/bituplink/OneHtmlNav

单文件html的网络导航页面OneHtmlNav

来源:百度网盘|   密码:sjv5|   大小:|   下载次数:17次

猜你喜欢:

端游[冒险岛]124版本一键启动服务端+支持WIN10+修改工具+GM命令大全等

微擎牛果果信用卡pos机交易 V1.0.8 开源版

2019最新影视双端聚合影视v1.2版本全套开源源码下载,破解域名授权+五级分销+详细视频教程

微擎柚子黑卡 V3.8.9全插件+前端

2019网络威胁趋势展望

大道消息:阿里云,云小站每人仅限购一台 云服务器96元/年 手慢就没了。

声明:
福利镇所有信息均来源于网络,内容仅代表本站观点并非权威,我们也从不强制任何人购买或者下载本站推荐资源,请各位自行鉴别。如有侵权请及时与我们取得联系,我们将在24小时内删除。