├── LICENSE ├── README.md └── goodweb.html /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 webjike 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # OneHtmlNav 2 | 这是基于小呆导航的超级精简版本，之所以投入了不少精力折腾这个导航，是之前自己网站的导航有点功能不足，看到了小呆导航有我需要的功能，但是确是基于CMS的，有点复杂我又不想再搭建一个平台，所以就打算去除掉一些不需要的功能，只实现网址导航这个功能，所以就拿过来精简了，由于定的是这个目标所以界面美化什么的就不要追求了，我前端代码能勉强看懂就不错了，所以各位如果有精力可以自己琢磨或者参考官网美化一下 3 | 4 | 访问小呆导航源项目: [github](https://github.com/xiaodai945/WEBJIKE) 5 | 6 | 这是导航界面 7 | ![snapshot](http://www.bituplink.com/wp-content/uploads/35c1275aefaecd0.png) 8 | 9 | 主要修改点 10 | 1. 去掉了源代码关于CMS的部分，只保留了前端的部分代码 11 | 2. 去除了大部分和导航无关或者定制化的代码，只保留了导航的主要功能，也就是搜索和网址推荐 12 | 3. 精简了HTML中的各种文件依赖，改为标准库引用网络，非标准的精简去冗余后合并到HTML文件中 13 | 4. 去掉了网址和搜索引擎的图片，全部改为文字展示，搜索引擎由img的hover改为button的hover,同时选择后修改button中的文字，显示为对应的引擎名字 14 | 5. 更改了引擎列表的数据结构，去掉了图片的链接部分 15 | 6. 背景原先是白色的，还可以，不过由于我去掉了所有icon图片，就有点不美观了，就重新通过repeat方式生成了一个带颜色的背景，采用的是base64处理后的图片，就是为了不引入图片文件，但是字符比较多，建议打开文件的时候使用notepad++之类的支持代码折叠和换行的软件进行查看 16 | 7. 去除了自带的百度搜索联想功能，有啥各位直接打字就好了，猜词什么的感觉没很么必要去掉了 17 | 8. 去掉了搜索词后的删除图标，因此就没有了原先的一键清除输入内容的功能，也是为了不引入图标，以及感觉不是很必要 18 | 19 | ##### 代码优点: 20 | * 单文件，简单无文件依赖，就一个html,除了公共的一个css和jquery库，js和css都内嵌在html中了 21 | * 代码1K行，自注释，想要按需修改的自己看中文注释，写的比较清晰 22 | * 代码整洁，已经通过工具美化过了，换行什么的都OK，没有做压缩处理，主要是为了给人看，有啥都好改 23 | * 环境无依赖，电脑直接当网页打开也可，放在服务器目录下直接作为HTML或者添加为php都可以 24 | * 支持搜索引擎的修改，可以自己添加合适的搜索引擎，这点才是我想要的，大多数导航不是下拉就是点击勾选的有点不给力，这个代码悬浮弹出点击选择的形式很不错 25 | * 代码基本无冗余，无效的js和css都被我手动一行行清理掉了，废了老大劲了 26 | * PC端和手机端都支持，大部分效果和样式我都测试了，没啥问题 27 | 28 | ##### 程序缺点: 29 | * 界面略朴素，各位有前端能力的自己修改吧 30 | * 功能部分是按照我自己的想法来的，如果裁剪过度，建议参考原先项目和网页界面进行修改添加 31 | 32 | ### 建议和改进 33 | 1. github提issue 34 | 2. 发送邮件到 bituplink@protonmail.com 35 | 36 | 37 | ### 捐助 38 | 为了修改这份代码我也是花费了近一个星期才搞定，很是用心，如果你觉得代码对你有用就拿去用吧，愿意赞助一点的我表示开心，或者分享出去让更多的人使用也是好的 39 | 40 | 方式一: 支付宝捐助 41 | * ![alipay](http://www.bituplink.com/wp-content/uploads/alipay.png) 42 | 43 | 方式二: 微信捐助 44 | * ![wxpay](http://www.bituplink.com/wp-content/uploads/wxpay.png) 45 | 46 | ### license 47 | 这是基于小呆导航MIT协议的代码进行开发的，为了遵守协议规定，license文件和界面声明我都保留了，使用的时候建议大家也遵守协议规定 48 | -------------------------------------------------------------------------------- /goodweb.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | bituplink导航 - 没有最好只有最适合 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 705 | 706 | 707 | 713 |
714 |
715 |

716 | 717 | 718 | bituplink导航 719 | 720 |

721 | 722 | 729 | 730 | 732 |
733 |
734 |
735 | 736 |
737 |
738 |

目录

739 |
740 | 747 |
748 | 749 |
750 |
751 | 752 |
753 |
754 |
755 | 756 | 757 | 758 |
759 | 760 |
761 |
762 | 选择您的默认搜索引擎： 763 |
764 |
    765 |
766 |
767 |
768 |
769 | 770 |
771 |
772 |
773 |
774 | 视频教程 775 |
776 | 777 |
778 |
779 | 780 |
慕课网
781 |
程序员的梦工厂，慕课网是垂直的互联网IT技能免费学习网站
782 | 783 |
784 |
785 | 786 |
极客学院
787 |
一家很不错的IT职业在线教育平台，入门教程视频通俗易懂，很适合新手学习
788 | 789 |
790 |
791 | 792 |
宅客学院
793 |
IT职业教育线上品牌，课程涵盖大数据、前端开发、后端开发等，免费课程挺多的
794 | 795 |
796 |
797 | 798 |
饥人谷
799 |
一家收费的前端开发线上培训机构，虽然课程收费，但是官网还是有挺多免费教程视频的
800 | 801 |
802 |
803 | 804 |
网易云课程 - 编程开发
805 |
网易旗下实用技能学习平台，内容非常丰富，免费教程也挺多的
806 | 807 |
808 |
809 | 810 |
腾讯课程 - IT·互联网
811 |
腾讯推出的专业在线教育平台，采用直播教学方式，适合有充裕时间学习的同学
812 | 813 |
814 |
815 |
816 |
817 |
818 | 819 |
820 |
821 |
822 |
823 | 在线学习 824 |
825 | 826 |
827 |
828 | 829 |
w3school
830 |
领先的免费 Web 技术教程，在 w3school，你可以找到你所需要的所有的网站建设教程
831 | 832 |
833 |
834 | 835 |
菜鸟教程
836 |
学的不仅是技术，更是梦想！该站提供了很全的编程技术基础教程，适合入门学习
837 | 838 |
839 |
840 | 841 |
汇智网
842 |
汇智网是一个学习最前沿编程技术的平台，提供了node.js、js、jq等相关的课程
843 | 844 |
845 |
846 | 847 |
W3Cways
848 |
Web前端学习之路，网站提供很丰富的相关技术中文文档
849 | 850 |
851 |
852 | 853 |
WEB前端开发
854 |
一个前端开发技术和前端开发资讯的专业博客，专注前端开发，关注用户体验
855 | 856 |
857 |
858 | 859 |
Mozilla 开发者网络
860 |
一个完整的学习平台，你可以在这里深入学习网络技术以及能够驱动网络的软件
861 | 862 |
863 |
864 |
865 |
866 |
867 | 868 |
869 |
870 |
871 |
872 |

873 | 本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容，联系邮箱：xxx 874 |

875 | 876 |

877 | Copyright © 2017-2018 小呆导航（webjike.com）All Rights Reserved 878 |

879 |
880 |
881 |
882 |
883 |
884 | 885 |
886 |
887 | 888 |
889 | 890 | 891 | 892 | 893 | 1019 |
1020 | 1021 | --------------------------------------------------------------------------------