jquery -模仿速度计箭头，向鼠标方向旋转箭头

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

<div id="arrow" style="transform: rotate(0deg);">➤</div>

$(document).mousemove(function(event) {
  // 获取鼠标相对于文档的位置
  var mouseX = event.pageX;
  var mouseY = event.pageY;
  
  // 获取箭头相对于文档的位置
  var arrowX = $('#arrow').offset().left + $('#arrow').width() / 2;
  var arrowY = $('#arrow').offset().top + $('#arrow').height() / 2;
  
  // 计算鼠标相对于箭头的角度
  var angle = Math.atan2(mouseY - arrowY, mouseX - arrowX) * 180 / Math.PI;
  
  // 设置箭头的旋转角度
  $('#arrow').css('transform', 'rotate(' + angle + 'deg)');
});