交互状态
鼠标位置
X: 0, Y: 0
鼠标按键
未按下
滚轮 delta
0
悬停效果测试
鼠标悬停将鼠标移动到下方元素上，体验不同的悬停反馈效果
缩放效果
悬停时元素会平滑缩放
颜色变化
悬停时元素会改变颜色
阴影增强
悬停时元素阴影会增强
位移效果
悬停时元素会向上移动
点击交互测试
鼠标点击尝试点击下方元素，体验不同的点击反馈和状态变化
状态切换按钮
点击计数
0
多选交互
右键菜单
在下方区域点击右键，体验自定义上下文菜单
拖拽交互测试
鼠标拖拽尝试拖拽下方元素，体验不同的拖拽交互效果
自由拖拽
可拖拽元素 1
可拖拽元素 2
可拖拽元素 3
拖放排序
项目一
拖拽调整顺序
项目二
拖拽调整顺序
项目三
拖拽调整顺序
项目四
拖拽调整顺序
滚轮交互测试
鼠标滚轮使用鼠标滚轮与下方元素交互，体验缩放和滚动效果
滚轮缩放
在图像上滚动鼠标滚轮进行缩放
缩放级别: 100%
水平滚动
使用滚轮在下方区域进行水平滚动
项目 1
项目 2
项目 3
项目 4
项目 5
项目 6
鼠标轨迹测试
鼠标移动移动鼠标，观察鼠标轨迹效果