本文最后更新于 2024-05-03,文章内容可能已经过时。

分享个鼠标跟随特效,给喜欢花花草草的朋友们。这个鼠标跟随特效还是很酷,不是那种鼠标后面跟随一大堆零零碎碎的,仅一个圆圈跟随鼠标指针,当遇到超链接圆圈会变成半透明的背景,国外网站常见的一种的特效,具体效果看本站。

添加方法非常简单,将下面代码添加到当前主题函数模板 functions.php 最后:

// 加载jquery开始,如果主题已加载不加这段。
function zm_jquery_script() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'zm_jquery_script' );
// 加载jquery结束
function zm_mouse_cursor() { ?>
<!-- 必须的DIV -->
<pre><code><div class="mouse-cursor cursor-outer"></div>

<div class="mouse-cursor cursor-inner"></div>

代码在 WordPress 默认主题 Twenty Twenty-One 中测试成功。

因默认主题未加载jquery,所以代码中添加了WP自带的jquery,如果你的主题已加载了jquery,则不加第一段的代码(有注释),大部分主题应该都加载了jquery。

当然你也可以将样式添加到当前主题style.css中,包括JS代码也可以加到一个单独文件中加载。

项目地址:<a target="_blank" rel="noopener noreferrer nofollow" href="/jumpGo?goUrl=https%3A%2F%2Fgithub.com%2Fseattleowl%2FPointer.js"><u>https://github.com/seattleowl/Pointer.js</u></a>