最新消息:

个人使用的简单HTML导航引导页-nice

源码 yabozi 137浏览 0评论

转载 https://blog.5iux.cn/4679.html

简单搜索

用惯了各种导航首页,满屏幕尽是各种不厌其烦的广告和资讯;尝试自己写个自己的主页。不是镜像不是代理,就当做浏览器主页使用,支持自适应屏幕。

Github页面:https://github.com/5iux/sou

简单说说

怎么说呢,本身是自己用来做主页用的,就算个半成品,想起来就改改;
不过没想到不少朋友来关注,这里也感谢大家的支持;
还有朋友建议我建群和放收费码,我觉得没必要,就是做着玩的,自己也是也半吊子前端,源码放这了,主要是发出来交流学习,大家喜欢就拿去用用,随便改改,如果能给您一点灵感我是超级高兴的,感恩!(2020/05/19)

GIF示例效果
简单搜索
2.png

(图片效果,以实际页面为准)

新增黑暗模式(理论上支持)
黑暗模式
2.png

下载地址:
Releases

示例页面:
php版本:https://5iux.cn/

html+js+css版本:https://g.5iux.cn/ (懒得更新了)
html+js+css源码:https://github.com/5iux/5iux.github.io

组件:

图标:
图标调用了阿里的图标https://www.iconfont.cn/

提供下本地包点击下载

嫌麻烦的可以使用js版本示例里面的font-awesome

天气组件

天气API地址

其他
我这个只是个示例,有需求还是自己改,不喜欢php想换成js也可以;以前自己试过反代,还是小范围用的,没两天弄死一个好域名,不敢了,上谷歌大家还是自备梯子吧,这里不提供了。

关于百度搜索出来百家号的问题大家可以搜一下油猴脚本,或者在关键词后面加入-baijiahao参数。

后记

在使用中需要修改的地方标记一下

HTM 静态 修改图中的两个链接

直接把js中备注“ //按钮”的那一段代码删掉,然后把li标签加上自己的链接就好了

在 sou.js 找到

//按钮
$(".sou li").click(function() {        var dt = $(this).attr('data-s');
wd = $(".wd").val();        if (dt == "google") {            if (wd == "" || wd == null) {
window.location.href = "https://www.google.com/?hl=zh";
} else {
$("form").attr('action', 'https://www.google.com/search?hl=zh');
$(".wd").attr("name","q");
$(".t").val("g");
$("form").submit();
}
} else {            if (wd == "" || wd == null) {
window.location.href = "https://www.baidu.com/?tn=simple";
} else {
$("form").attr('action', 'https://www.baidu.com/s?ie=utf-8');
$(".wd").attr("name","wd");
$(".t").val("b");
$("form").submit();
}
}
});

删除 然后在index.htm 中删除

 
  • 百度一下
  • Google
  • 改成li标签加上自己的链接就好了。

    5d1d2388d2c1b.jpg

    转载请注明:鸭脖子 » 个人使用的简单HTML导航引导页-nice

    发表我的评论
    取消评论
    表情

    Hi,您需要填写昵称和邮箱!

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址