分享一款单页网址导航源码

mengkun 92K 122

话说,现如今的各类网址导航,与其说是“网址导航”,倒不如称作“广告导航”[aru_59]页面上几乎 99% 的链接都是广告链接。

我有一个习惯就是喜欢到处乱翻[aru_49],这不,一不小心又在 360 极速浏览器的安装目录下找到了这款单页导航的代码,大小不到 100kb,整个页面只有 html + css,没有任何 js,可以说是想当的简单了!

我在原版的基础上作了一些小小的改动:调整了代码缩进,将搜索引擎由好搜换成了百度,同时删去了一些广告链接,再加了点自己的链接[aru_3]

预览图如下(这里就不放演示链接了):

分享一款单页网址导航源码

感觉……似乎……充满着一股复古的味道[aru_36]……动手能力强的可以尝试自己美化一下(比如加个背景什么的……)[aru_11]

下载地址1 下载地址2

补充

补充一波来自评论区的优秀作品[aru_53]

#33 @dyoung 简单搜索.https://github.com/5iux/sou

#24 @365cent 轻导航.https://github.com/365cent/lightning-nav

发表评论 取消回复
表情 图片 链接 代码

  1. 知识共享网
    知识共享网 Lv 1

    好简洁呀

  2. 脉冲
    脉冲 Lv 2

    以前就想做个导航,现在也许可以试试[aru_3]

  3. 266277
    266277 Lv 4

    [aru_12]路过

  4. 彼岸临窗
    彼岸临窗 Lv 1

    天哪,我找了三年都没找到满意的,你给我整出来了。感谢!

  5. 荔乡根子GenZi.Win
    荔乡根子GenZi.Win Lv 1

    这要是实现自适应就更完美了。

  6. 前端氪导航
    前端氪导航 Lv 1

    确实很简洁

  7. 365cent
    365cent Lv 3

    魔改启动[aru_3]

    • 365cent
      365cent Lv 3

      @365cent先写一丢丢,[aru_11]大佬们不要喷我:https://nav.365cent.com/

      • 365cent
        365cent Lv 3

        @365cent手动@mengkun 大佬,我自适应写好了,还剩把内容添完了,要不要发布一波
        轻导航 | Gayhub地址
        查看图片

      • mengkun
        mengkun 站长

        @365cent很棒![强][强][强]
        文字的行距可以加大一点,行与行之间都挤到一块去了[呲牙]

      • 365cent
        365cent Lv 3

        @mengkun感觉改了间距之后有点奇怪啊,我再改下试试[aru_2]

    • doctorrm
      doctorrm Lv 2

      @365cent队长,前方发现黄色信号![aru_17]

  8. 红嘴鸭
    红嘴鸭 Lv 1

    Mark一下,多谢分享

  9. crasph
    crasph Lv 1

    路过点赞[aru_31]

  10. 男人不可以穷
    男人不可以穷 Lv 2

    你的新浪图片外链加载不出来呢[wb_吃瓜]
    查看图片

    • mengkun
      mengkun 站长

      @男人不可以穷是的,微博图床已经GG了[wb_泪]

      • 1649092082
        1649092082 Lv 2

        @mengkun发现是CDN的问题
        肯定是我的CDN没设置好,我的站很多图片都加载不出来

  11. 问个问题
    问个问题 Lv 1

    请问怎么用纯asp上传文件,不用插件?网上的很多都不能用[aru_1]

  12. boke112导航
    boke112导航 Lv 1

    只有HTML和CSS,访问速度应该很不错。如果加一个可以添加链接的简单后台就完美了。

  13. 林夕
    林夕 Lv 1

    路过

  14. 刷新
    刷新 Lv 1

    我也有个:daohang.picafe.cn
    有html,css,js,改的别人的。
    可以打广告吗?

    • 强国爸爸
      强国爸爸 Lv 1

      @刷新请问前辈 能共享吗 问下 有后台吗 用什么源码改的

    • Rainbow after rain
      Rainbow after rain Lv 2

      @刷新有源码么,不兼容手机唉 我想试试

  15. 365cent
    365cent Lv 3

    好绿啊,感觉像360的配色[aru_2]

    • 完美者
      完美者 Lv 5

      @365cent逮到个不仔细阅读的

  16. 杨小杰博客
    杨小杰博客 Lv 3

    水是生命之源

  17. 仙界
    仙界 Lv 1

    感觉不错的样子

  18. 明月清风
    明月清风 Lv 4

    支持一波

  19. 266277
    266277 Lv 4

    周末日常一逛

  20. 聆听·彼岸
    聆听·彼岸 Lv 1

    龙轩导航 ,大佬要不要折腾一下?[aru_3]

  21. 夜雨
    夜雨 Lv 1

    嗯,可以,我过段时间也做个自己的导航,然后直接打开那个页面就行了,呃呃,还要整个模拟后台添加链接到对应的地方。prefect[aru_17]

  22. 影翼
    影翼 Lv 1

    [aru_1],这个跟可以呀!比目前主流浏览器导航干净多了

  23. nyoung
    nyoung Lv 1

    我比较喜欢2345可以自定义链接的功能 就是广告太多

    • 爱不遇
      爱不遇 Lv 1

      @nyoung可以自己做一个呀

  24. RG
    RG Lv 2

    看重不错

  25. 一木
    一木 Lv 1

    不错不错[aru_22]

  26. 野人
    野人 Lv 2

    优秀的小哥哥

  27. 小马哥哥
    小马哥哥 Lv 1

    这个导航不错,最近也偷了一款导航,一会发个文章[aru_1]

  28. 完美者
    完美者 Lv 5

    收了收了,这个不错

    • mengkun
      mengkun 站长

      @完美者恭喜你,又水到读者榜第一位了!#(滑稽)

      • 完美者
        完美者 Lv 5

        @mengkun哈哈,还真是

      • 完美者
        完美者 Lv 5

        @mengkun再水一句,已转已转

  29. 爱猫的男孩
    爱猫的男孩 Lv 1

    马上拿走,直接开搞#[太开心]

  30. 恍轩
    恍轩 Lv 1

    一楼[aru_17]坐稳了

    • mengkun
      mengkun 站长

      @恍轩哈,妥妥的!#(吐舌)

分享