LOGO左右动画代码： @keyframes shine { 0% { opacity: 1; transform: translateX(0); } 50% { opacity: 0.5; transform: tran
2025-02-12
前言： 一个简单的网站运行天数显示，许多站长都会用到。 代码如下： <!-- 本站运行时间_xjvae博客[www.xjvae.com] --> <i class="fa fa-cog fa-spin fa-1x fa-fw"></i>&
2025-02-12
前言： 网站底部太单调，增加点底部菜单内容。 插入CSS代码： /*网站底部按钮美化_xjvae博客[www.xjvae.com]*/ :root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);
2025-02-12
前言： Web应用中，为了吸引用户目光并使其聚焦于输入内容，常常会模拟编辑器或输入框中文字的逐字输入效果。这种效果，实质上是通过web动画模拟打字机的工作方式来实现的。本文旨在探讨这种打字机效果的实现方法及其在各种应用场景中的运用。 代码如下： <!--彩色打字机文字特效_x
2025-02-12
前言： CoreNext主题支持自定义文章版权内容，我们可以在此进行美化。 代码如下： <fieldset style="border: 8px dashed; background: #ffffff; padding: 10px; border-radius: 5px; l
2025-02-12
前言： 一般的网页主题右侧默认的滚动条是灰色的，比较单调，利用css代码将其美化吧。 CSS代码： /*右侧上下滚轮美化*/ ::-webkit-scrollbar { width: 8px; height: 1px; } ::-webkit-scrollbar-thumb
2025-02-12
前言： 在网络高度发达的今天，复制和转载文章已成为一种常态。然而，这种便捷的行为却时常触碰到版权的红线，给原创作者带来不应有的损失。为了捍卫原创者的权益，众多网站开始采取积极措施，当读者尝试复制文章内容时，会触发版权提示框，以提醒用户尊重并保护原创作者的版权。 代码①： 通过Swe
2025-02-12
前言： 随着生活节奏的加快和工作压力的增加，"人生倒计时" 的概念变得越来越重要。为自己的博客站点添加人生倒计时，可以提醒我们生活不仅仅是工作和责任，还有无数值得我们去珍惜和体验的时刻。 小工具自定义html： <!-- 时间倒计时代码 --> <div clas
2025-02-12
前言： 一个比较好看的顶部彩色滚动进度条。 新建HRMdbjdt.js代码： //顶部彩色滚动进度条_xjvae博客[www.xjvae.com] $(window).scroll(function() { var a = $(window).scrollTop()
2025-02-12
前言： 让文章内的图片动起来~ 自定义CSS如下： /*文章图片悬浮效果*/ .core-next-img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-t
2025-02-12