前言： 一个比较好看的顶部彩色滚动进度条。 新建HRMdbjdt.js代码： //顶部彩色滚动进度条_xjvae博客[www.xjvae.com] $(window).scroll(function() { var a = $(window).scrollTop(), c = $(doc...

前言： 让文章内的图片动起来~ 自定义CSS如下： /*文章图片悬浮效果*/ .core-next-img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All ...

前言： 让你的首页文章动起来~ 自定义CSS： /*首页文章动态效果*/ .post-item:hover { background: #edededba; transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scal...

LOGO左右动画代码： @keyframes shine { 0% { opacity: 1; transform: translateX(0); } 50% { opacity: 0.5; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); }...

前言： 让你的站点页面标题显示与众不同，增加个性化设置。 代码如下： <!-动态修改页面标题title js_xjvae[www.xjvae.com]--> <script> window.onmouseover = function () { docum...

前言： 一个简单的网站运行天数显示，许多站长都会用到。 代码如下： <!-- 本站运行时间_xjvae博客[www.xjvae.com] --> <i class='fa fa-cog fa-spin fa-1x fa-fw'></i><!...

前言： 每逢佳节，家家户户都挂满了灯笼。在自己的站点里，我们可以用代码来实现挂上灯笼的动态效果。 插入页头代码： <!--顶部灯笼_xjvae[www.xjvae.com]--> <div class='deng-box2'&...

前言： 网站底部太单调，增加点底部菜单内容。 插入CSS代码： /*网站底部按钮美化_xjvae博客[www.xjvae.com]*/ :root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-...

前言： 站点的文章多了，查看所有的文章不是很方便，这时候就需要弄个时间轴归档，把所有的文章根据历史时间汇聚在一个页面中，随时浏览记录。 代码如下： <?php /** * Template Name: 伞时...

前言： Web应用中，为了吸引用户目光并使其聚焦于输入内容，常常会模拟编辑器或输入框中文字的逐字输入效果。这种效果，实质上是通过web动画模拟打字机的工作方式来实现的。本文旨在探讨这种打...