📁 ICONO SIGUE AL CURSOR JAVASCRIPT
⌨️ CODIGO JAVASCRIPT PARA UN ICONO AL LADO DEL CURSOR Y QUE LO VAYA SIGUIENDO

🟢 VER DEMOSTRACION

💾 DESCARGAR CODIGO Tamaño 3 Kb

CODIGO WEB
<style> .ayudawp-cursor-icon { position: fixed; top: 0; left: 0; width: 32px; height: 32px; transform: translate(-50%, -50%); pointer-events: none; z-index: 99999; user-select: none; background: url("/friki.png") no-repeat center/contain; transition: left 0.1s ease, top 0.1s ease; visibility: hidden; } /* Ocultar en dispositivos táctiles */ @media (hover: none), (pointer: coarse), (max-width: 768px) { .ayudawp-cursor-icon { display: none !important; visibility: hidden !important; } } </style> <div class="ayudawp-cursor-icon"></div> <script> (function(){ 'use strict'; // Detección de dispositivos táctiles if ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0 || window.innerWidth <= 768) { const el = document.querySelector('.ayudawp-cursor-icon'); if (el && el.parentNode) { el.parentNode.removeChild(el); } return; } const icon = document.querySelector('.ayudawp-cursor-icon'); if (!icon) return; // Hacer visible solo en desktop icon.style.visibility = 'visible'; // Capturar movimiento del ratón document.addEventListener('mousemove', function(e){ const offsetX = 30; // Píxeles a la derecha const offsetY = 20; // Píxeles hacia abajo icon.style.left = (e.clientX + offsetX) + 'px'; icon.style.top = (e.clientY + offsetY) + 'px'; }); })(); </script>