CSS iPod:捕捉点击轮运动

时间:2012-08-30 14:18:42

标签: jquery html5 css3 ipod

我正在制作CSS iPod(第一代)。我设法让布局正确,包括点击轮和4个按钮(菜单,播放/暂停,上一个,下一个)。 但这些按钮不是矩形的。但HTML元素是矩形的。因此,如果用户单击“菜单”按钮,则点击滚轮将指示接收点击的按钮。 如何准确地获取用户的预期点击?

另外如何检测点击滚轮的滚动?

这是我的iPod。 http://inventikasolutions.com/demo/iPod

1 个答案:

答案 0 :(得分:1)

您可以使用标记创建多边形热点(请参阅http://www.w3schools.com/tags/tag_area.asp)以了解何时单击特定区域。其他解决方案涉及在画布中使用颜色贴图并在同一位置对颜色进行采样以确定要采取的操作。

对于滚动,你需要计算当mousedown首次发射时指针相对于车轮中心的角度,并且当mousemove被重复触发作为指针时,继续计算角度的变化被拖了。然后你可以评估角度的差异,以了解滚动发生的速度和速度。