一、鼠标行为预测技术
(1)判断点是否在一个三角形内
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2184a83438b71cfa16a0a0caced19f1c.png)
思路: 判断P点是否存在ABC构成的三角形内,如果在那就是斜着滑的,如果不在就是竖着滑的
(2)用户预测tab切换
点击查看源代码
(3)总结
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/30461f189be8fc62c9ce26fa028855fc.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9fed87d7df9831fc5e6777f2f7c5bdb1.png)
鼠标移入主菜单绑定mousemove事件,鼠标移出时解绑,主要用于记录鼠标轨迹上的点,取其2~3个点存入一个数组,倒数第一个点是鼠标所在的点,倒数第二个点是三角形的顶点,倒数的目的就是准确的找到鼠标最后的一个位置
拿到四个点以后用pointInTriangle函数来判断点P是否处在三角形内,如果在就返回true,不在就返回false。
二、作业
1、写一个京东、淘宝的tab栏切换
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6204e85c0a02de1f0dc1d50c01b6b343.png)