-
-
网站顶部动态跑马灯特效
资源介绍给网站顶部添加一个动态的跑马灯效果,也是N年前的老特效了,不过还是蛮好看的。 Wordpress&B2主题使用方法 方法一:将代码放入functions.php中: function horseracelamp() { echo '<style>#top-grrk{background:url(https://i.ibb.co/ZWNJRZq/image.gi…- 0
- 0
- 2
-
鼠标点击效果-彩色心
代码介绍 这个代码实现了一个点击页面时生成彩色心形动画效果的功能。具体来说,当用户点击页面任意位置时,会在点击位置生成多个彩色的心形图案,这些心形图案会逐渐上升并消失。 视频介绍- 0
- 0
- 16
-
菜单导航底部线条动态效果
代码效果 这段代码用于为菜单项添加下划线效果,当鼠标悬停在菜单项上时,下划线的宽度会发生变化。 底部线条的具体宽度可自己定义。 代码展示 # 放到style.css文件中即可 # /* 为其他菜单添加下划线 */ .ym-menu>ul>li>a::after { content: ''; display: block; /* 将伪元素设置为块级元素,确保它可…- 0
- 0
- 0
-
缩略图hover时放大和浮动
代码效果 这个代码是用来在网页中实现一些鼠标悬停(hover)效果的,当鼠标移动到文章缩略图区域时,缩略图放大。 当鼠标移动到文章区域时,文章向上移动位置,并在底部添加一点阴影。 代码展示 # 放到style.css文件中即可 # # 全站thumb-link生效 - 缩略图 hover 放大效果 # .thumb-link { transition: all .4s ease-out; } .t…- 0
- 0
- 7
-
分享小工具代码Findme
代码介绍这是我自己写的一个联系方式展示代码,代码主要参考了Codepen中Akshay作者的Follow me代码? Akshay 作者主页,然后重写的 使用方法 代码丢wordpress后台的外观-小工具-自定义html或B2的html中即可,记得改代码里的图片地址,要对应上 css代码放到style.css样式文件中。 你也可以把遮罩背景改成图片或者视频,看自己喜欢。- 0
- 0
- 24
-
一个文件让你的网页丝滑起来
文件介绍如果你觉得我的网站滚动起来滑滑的,那么就归功于这个JS文件了。由于是古老备份,已经不记得这个文件的出处了,知道的小伙伴可以告知我一下。 使用方法 全局引用 这是一个js文件,应当整站引用。比如放到header.php、footer.php中,全局引用。js文件的引用方法不再多说 functions.php中全局引用,详细说明可查看下方文章 function.php相关代码,将/diy/si…- 0
- 0
- 9
-
【B2美化】替换文章小图标
代码效果 替换B2文章的小图标,让文章列表看起来更加美观。每个人审美不同,你可以替换自己想要的任何图标,包括套svg图标以及一些其他的。 代码修改位置 /Modules/Templates/Modules/Posts.php 104行左右 functions.php引用代码: require_once get_stylesheet_directory() . '/Modules/Temp…- 0
- 0
- 5