人机交互技术测试
本界面包含多种常见的鼠标交互模式,用于测试人机交互技术的应用效果。请使用鼠标与各个元素进行交互,体验不同的交互反馈。
悬停效果测试
颜色变化
鼠标悬停时背景色和边框会发生变化
阴影增强
鼠标悬停时阴影效果会增强
内容显示
鼠标悬停时会显示隐藏内容
隐藏内容显示了!
点击效果测试
点击计数器
点击下方按钮来测试点击反馈
0
拖放操作测试
拖放区域 1
将元素拖放到这里
可拖动元素 1
可拖动元素 2
拖放区域 2
将元素拖放到这里
提示:拖动元素可以在两个区域之间移动它们
滚动交互测试
视差图片 1
视差图片 2
视差图片 3
提示:滚动页面观察视差效果,图片会以不同速度移动
其他鼠标交互测试
鼠标轨迹绘制
鼠标滚轮缩放
使用鼠标滚轮缩放
100%
提示:将鼠标放在元素上,使用滚轮放大或缩小
交互反馈
交互日志将在这里显示...