简单jquery鼠标跟随左侧浮动菜单(jQuery菜单切换特效实例代码插件源码下载jGlideMenu)

简单jquery鼠标跟随左侧浮动菜单(jQuery菜单切换特效实例代码插件源码下载jGlideMenu)
jquery浮动 jquery菜单 鼠标跟随 浮动特效 jquery特效 jquery下载
jQuery菜单切换特效插件jGlideMenu，jQuery菜单插件AutoSprites，jQuery浮动菜单效果，简单jquery鼠标跟随左侧浮动菜单，

以下是一个简单的jQuery鼠标跟随左侧浮动菜单的代码示例：

HTML结构：

<div class="container">
  <div class="menu">
    <ul>
      <li><a href="#">菜单项1</a></li>
      <li><a href="#">菜单项2</a></li>
      <li><a href="#">菜单项3</a></li>
      <li><a href="#">菜单项4</a></li>
    </ul>
  </div>
  <div class="content">
    <!-- 内容区域 -->
  </div>
</div>

CSS样式：

.container {
  display: flex;
}

.menu {
  width: 200px;
  position: fixed;
}

.menu ul {
  list-style: none;
  padding: 0;
}

.menu li {
  margin-bottom: 10px;
}

.content {
  flex: 1;
  margin-left: 200px; / 菜单宽度 /
}

jQuery代码：

$(document).ready(function() {
  $(document).mousemove(function(e) {
    var mouseY = e.pageY;
    var menuTop = $('.menu').offset().top;
    var menuHeight = $('.menu').outerHeight();
    
    if (mouseY > menuTop && mouseY < menuTop + menuHeight) {
      $('.menu').css('top', mouseY - menuHeight / 2);
    }
  });
});

以上代码会使得左侧浮动菜单随鼠标垂直位置而移动。你可以根据需要修改样式和菜单项的内容。