交互分析

我们来分析上图的滑块验证都有哪些交互效果：

1. 鼠标移入滑块上方，显示背景图。

2. 鼠标从滑块上方移出，隐藏背景图。

3. 拖拽滑块，滑块在滑动区域范围内左右移动。

4. 移动滑块时，滑块左侧的滑动区域部分填充为灰色。

5. 移动滑块过程中和移动滑块结束时，均会显示不同的提示信息。

6. 移动滑块时，滑动图片同步进行水平移动。

7. 松开鼠标左键时即拖动结束时，当滑动图片与填充区域重合时，允许有一定的距离误差，提示“验证成功”。