
內容簡介
Arts Cursor Follower for Elementor 是一款專為 Elementor 設計的外掛,能為網站添加動畫自訂游標,提供流暢的互動效果,提升使用者體驗。
【主要功能】
• 游標隨滑鼠移動,並在連結和按鈕上放大
• 磁性懸停效果,吸引游標至按鈕和圖示
• 提供文本和圖示提示,增強互動性
• 拖曳提示,顯示箭頭以指引使用者
• 游標在點擊時有彈性反饋效果
• 輕量化設計,無需 jQuery 和依賴項
外掛標籤
開發者團隊
② 後台搜尋「Arts Cursor Follower for Elementor」→ 直接安裝(推薦)
原文外掛簡介
Cursor Follower adds an animated custom cursor to your Elementor site. It trails the mouse with a smooth lag, grows over links, pulls itself onto buttons, and turns slides and images into labeled targets: “Drag”, “Zoom”, “View Project”.
This is a plugin you judge by feel. Press Live Preview above and move your mouse around.
One thing it is not: a static cursor image swapper. If you want to replace the pointer with a PNG, plenty of plugins do that. Cursor Follower is a motion engine that reacts to what’s under the pointer.
Live demos and developer documentation: https://artkrsk.github.io/cursor-follower-for-elementor/
The effects
Link highlight. The cursor grows and fades over links and buttons. On by default, works everywhere.
Magnetic hover. Buttons, icons and carousel arrows pull the cursor onto themselves. Switched on per widget, tuned globally. No HTML classes to hand-edit, and none of it is paywalled.
Text and icon hints. A pill follows the cursor across linked images, portfolio cards and slides. Change the wording per widget, or swap the text for any Elementor icon, SVG included.
Drag hints for carousels. Three styles: a text pill that grows arrows as you drag, the same pill with its arrows always out, or arrows only with a dot that stands in for the native cursor once you press.
Elastic squash and click feedback. The cursor stretches along its own movement and dips when pressed. Both optional, both tunable.
Blend modes. Difference and exclusion, per state, so the cursor stays readable over photos and dark sections.
Loading state. A spinner takes over the cursor while something is in flight. Developers can toggle it from JavaScript, along with a busy-pointer state.
Built for Elementor, not “compatible with page builders”
Most cursor plugins ship one global effect and tell you to add CSS classes. This one plugs into Elementor itself:
A Cursor Follower tab in Site Settings covers the whole cursor: size, colors, borders, blend modes, hint typography, follow smoothing and transition timing, plus per-state overrides for highlight, magnetic and hints, and the loading spinner’s color. Changes apply live in the editor.
A Cursor Effects section appears inside the widgets themselves: Button, Icon, Icon Box, Image, Image Box, Social Icons, Call to Action, Flip Box, Slides, Portfolio, and every carousel including the new nested Carousel. Each widget only shows the effects that make sense for it.
The defaults already work. Carousel arrows and dots become magnetic, carousels get a drag hint, portfolio cards get a “View Project” pill, and the Elementor Lightbox gets magnetic navigation, before you touch a single setting.
Elementor Free and Pro widgets are both covered.
Performance, in numbers
Every cursor plugin calls itself lightweight. Here are actual numbers:
Visitors get one inline block — the loader plus your settings, about 1.7 KB gzipped — and nothing else up front. The engine, around 13 KB gzipped including its CSS, loads on the first mouse movement.
Phones and tablets never produce that movement, so they download zero bytes of engine code.
No jQuery. No dependencies.
The cursor moves by writing a single transform per frame, and its state changes are CSS transitions. The JavaScript goes to sleep whenever the cursor is at rest.
Caching and optimizer plugins are accounted for: the loader carries the standard opt-out markers so Autoptimize, WP Rocket and similar tools leave it alone.
