为您的网站添加网站底部美化代码 支持任意网站

在这里插入图片描述

将下面代码放在网站底部或者侧边栏,主要是css+js的代码!html格式!

在逛 Gitee、Github 等各大代码仓库时,往往能看到以下这种徽章式的网页链接,美观好看又方便,那么这个徽章是如何制作出来的呢?本文就带大家制作属于自己的徽章式链接。

<style>
/*底部页脚css*/
.github-badge {display: inline-block;border-radius: 4px;text-shadow: none;font-size: 12px;color: #fff;line-height: 15px;background-color: #abbac3;margin-bottom: 5px
}
.github-badge .badge-subject {display: inline-block;background-color: #ffa500;padding: 4px 4px 4px 6px;border-top-left-radius: 4px;border-bottom-left-radius: 4px
}
.github-badge .badge-value {display: inline-block;padding: 4px 6px 4px 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px
}
.github-badge .bg-fen {background-color: #e76dcb
}
.github-badge .bg-red {background-color: #f55066
}
.github-badge .bg-green {background-color: #3bca6e
}.github-badge .bg-cai {background-image: -webkit-linear-gradient(
0deg, #3ca5f6 0%, #a86af9 100%);
</style><div class="github-badge"><span class="badge-subject">站点地图 </span><a style="color:#fff" href="http://www.qqmu.com/" rel="external nofollow"  target="_blank"><span class="badge-value bg-red">Sitemap</span></a>
</div><div class="github-badge"><span class="badge-subject">申请</span><a style="color:#fff" href="/links" rel="external nofollow"  target="_blank"><span class="badge-value bg-fen">友情链接</span></a>
</div> <div class="github-badge"><span class="badge-subject">网站运行</span><a style="color:#fff" href="http://www.qqmu.com/" rel="external nofollow"  target="_blank"><span class="badge-value bg-cai"><SPAN id=span_dt_dt style="color: #b5c4c3;"></SPAN> <SCRIPT language=javascript>function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("1/1/2024 23:32:13");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='<font style=color:#00ffff>'+daysold+' 天</font> <font style=color:#00ffff>'+hrsold+' 时</font> <font style=color:#00ffff>'+minsold+' 分</font> <font style=color:#00ffff>'+seconds+' 秒</font>';
}
show_date_time();</script></span></a>
</div>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/628972.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

区间预测 | Matlab实现BiLSTM-Adaboost-ABKDE的集成双向长短期记忆网络自适应带宽核密度估计多变量回归区间预测

区间预测 | Matlab实现BiLSTM-Adaboost-ABKDE的集成双向长短期记忆网络自适应带宽核密度估计多变量回归区间预测 目录 区间预测 | Matlab实现BiLSTM-Adaboost-ABKDE的集成双向长短期记忆网络自适应带宽核密度估计多变量回归区间预测效果一览基本介绍程序设计参考资料 效果一览 …

web架构师编辑器内容-编辑器组件图层面板功能开发01-锁定隐藏功能的开发

我们这一部分主要是对最右侧图层面板功能进行剖析&#xff0c;完成对应的功能的开发: 每个图层都对应编辑器上面的元素&#xff0c;有多少个元素就对应多少个图层&#xff0c;主要的功能如下&#xff1a; 锁定功能&#xff1a;点击锁定&#xff0c;在编辑器中没法编辑对应的组…

瑞_Java开发手册_(四)安全规约

&#x1f64a;前言&#xff1a;本文章为瑞_系列专栏之《Java开发手册》的安全规约篇。由于博主是从阿里的《Java开发手册》学习到Java的编程规约&#xff0c;所以本系列专栏主要以这本书进行讲解和拓展&#xff0c;有需要的小伙伴可以点击链接下载。本文仅供大家交流、学习及研…

CNCF之K8s外传

我认为CNCF上所有其它的毕业项目加起来都没有Kubernetes名气大&#xff0c;Kubernetes又简称k8s&#xff0c;k8s在CNCF毕业项目页的简介是Scheduling & Orchestration&#xff0c;调度与编排&#xff1b;点击进入k8s的简介页面Kubernetes | CNCF&#xff1a; Kubernetes is…

解决vue3中不支持.sync语法糖

在 Vue 3 中&#xff0c;.sync 修饰符已经被移除。在 Vue 2 中&#xff0c;.sync 修饰符是一个语法糖&#xff0c;用于简化子组件和父组件之间的双向数据绑定。在 Vue 3 中&#xff0c;推荐使用 v-model 或是自定义事件来实现类似的功能。 以下是如何在 Vue 3 中替代 .sync 的…

光伏发电系统MPPT控制算法的研究

摘 要 随着传统化石能源的不断枯竭及环境污染问题的日益突出&#xff0c;太阳能作为一种 储量丰富&#xff0c;清洁环保的可再生能源&#xff0c;受到了世界各国的广泛关注。光伏发电是目 前太阳能最有效的利用方式之一&#xff0c;但由于光伏电池的输出特性具有较强的非线性…

如何用Python调用智谱AI的API进行智能问答

一、引言 随着人工智能技术的不断演进&#xff0c;以ChatGPT为首的智能聊天机器人如&#xff1a;文心一言、通义千问、智谱AI等受到越来越多人的喜欢。这些智能引擎不仅有网页版&#xff0c;而且开放了免费的api接口&#xff0c;并给出了样例代码。 这样&#xff0c;我们可以…

Rust 错误处理(上)

目录 1、用 panic! 处理不可恢复的错误 对应 panic 时的栈展开或终止 1.1 使用 panic! 的 backtrace 2、用 Result 处理可恢复的错误 2.1 匹配不同的错误 2.2 失败时 panic 的简写&#xff1a;unwrap 和 expect 2.3 传播错误 错误是软件中不可否认的事实&#xff0c;所…

Java设计模式之模板方法模式详解

Java设计模式之模板方法模式详解 大家好&#xff0c;我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01;今天&#xff0c;让我们一同沉浸在Java设计模式之模板方法模式的音符中&#xff0c…

jmeter-线程数设置为1,循环10次没问题,循环100次出现异常

一、多次尝试&#xff0c;发现出现异常的接口大致相同。 解决办法&#xff1a;在第一个出现异常的接口下添加超时时间&#xff0c;固定定时器&#xff1a;2000ms&#xff0c;再次运行就没问题了。 二、压力机自身存在的问题 1&#xff09;在网络编程中&#xff0c;特别是在短…

20240112-补 制作两个字符串字谜的最少步骤数

题目要求 给你两个长度相同的字符串 s 和 t。在一个步骤中&#xff0c;你可以选择 t 中的任意一个字符并用另一个字符替换它。 返回将 t 变为 s 的变位所需的最少步数。 字符串的 "字谜 "是指字符串中的相同字符具有不同&#xff08;或相同&#xff09;的排列顺序…

Django消息框架

当用户与平台进行交互时&#xff0c;用户可能希望告知他们操作的结果。Django有一个内置消息框架&#xff0c;允许你向用户显示一次性通知。 messages框架位于django.contrib.messages中&#xff0c;当你使用python manage.py startproject创建新项目时&#xff0c;它被包含在s…

使用PyTorch实现混合专家(MoE)模型

Mixtral 8x7B 的推出在开放 AI 领域引发了广泛关注&#xff0c;特别是混合专家&#xff08;Mixture-of-Experts&#xff1a;MoEs&#xff09;这一概念被大家所认知。混合专家(MoE)概念是协作智能的象征&#xff0c;体现了“整体大于部分之和”的说法。MoE模型汇集了各种专家模型…

CMU15-445-Spring-2023-Project #4 - Concurrency Control

前置知识&#xff0c;参考上一篇博客&#xff1a;CMU15-445-Spring-2023-Project #4 - 前置知识&#xff08;lec15-20&#xff09; 通过添加一个锁管理器在 BusTub 中支持事务&#xff0c;然后将其用于并发查询执行。锁管理器将支持五种锁模式下的表锁和元组锁&#xff1a;int…

「解析」Jetson配置 git服务

这两天感冒了在家休养&#xff0c;想着把之前买的 Jetson 开发板用起来&#xff0c;买Jetson的初衷就是用来学习Linux系统&#xff0c;顺道可以部署算法&#xff0c;以及一些其他需求&#xff0c;相比树莓派而言&#xff0c;Jetson开发相对更贵&#xff0c;但是其配备了英伟达的…

电子学会C/C++编程等级考试2023年09月(八级)真题解析

C/C++编程(1~8级)全部真题・点这里 第1题:最短路径问题 平面上有n个点(n<=100),每个点的坐标均在-10000~10000之间。其中的一些点之间有连线。 若有连线,则表示可从一个点到达另一个点,即两点间有通路,通路的距离为两点间的直线距离。现在的任务是找出从一点到另一…

详细讲解Python中的aioschedule定时任务操作

目录 前言1. 基本概念2. 基本API3. Demo 前言 如果下面的函数库无法执行&#xff0c;出现类似&#xff1a;&#xff08;前提是python3.7以上&#xff09; AttributeError: module ‘asyncio‘ has no attribute ‘run‘请检查run是否可跳转&#xff0c;如果无法跳转&#xff…

一般拓扑学

一般拓扑 度量空间与拓扑空间度量空间 Метрическое пространство闭集 Закрытое множество拓扑空间 Топологическое пространство 连续映射 Непрерывное отображение同胚 Гомеом…

element plus 可选择树形组件(el-tree) 怎样一键展开/收起?实现方法详解

实现代码&#xff1a; 按钮&#xff1a; <el-button click"takeall" style"height: 24px">{{zhanstatus % 2 ! 0 ? "收起所有" : "展开所有"}} </el-button> 组件&#xff1a; <el-form-item label"可选择菜单…

大数据知识点

Spark&#xff1a; Spark RDD的概念&#xff1a; RDD是Spark中最基本的数据抽象&#xff0c;是一个不可变、可分区、里面的元素可并行计算的集合。它代表一个只读的分区记录集合&#xff0c;每个RDD可以分成多个分区&#xff0c;每个分区就是一个数据集片段&#xff0c;并且一…