案例

以一个仿京东的导航栏为例,菜单栏对于菜单的切换时机,加入一个鼠标行为预测的能力。
在菜单栏的每一点 鼠标行为预测 - 图1 与上一点 鼠标行为预测 - 图2 作对比较

  • 子菜单的左上顶点 鼠标行为预测 - 图3 和 左下顶点 鼠标行为预测 - 图4
  • 构成三角形 鼠标行为预测 - 图5
  • 判断 鼠标行为预测 - 图6 是否在 鼠标行为预测 - 图7 的面积内

求一点是否在三角形内

  • 如果在做一个延迟换切子菜单
    • 因为用是可能进入子菜单了
    • 在进入子菜单时把换切子菜单取消

image.png

实现

面积比较

点击查看【codepen】

向量叉乘

点击查看【codepen】