2013-01-09 78 views
0

我试图达到一个效果,当我点击一个DOM元素,在这种情况下list,目标list将旋转并保持这种方式。DOM元素活动状态问题

这是很难解释,所以这里是link我目前的工作。

当你长时间按住圆形的灰色物体时,菜单列表将缓慢显示。但是,一旦你放手,它会再次消失。

我打算的行为是在圆角的灰色物体上点击一次就会显示菜单,菜单仍然显示。

这很长,所以我只给你css link

回答

0

好后进一步研究,并与CSS摸索和jQuery我终于解决了这个问题。

我对CSS的理解缺乏是错误的。

底线:我只是不得不通过jquery覆盖DOM元素的默认状态,以防止菜单再次隐藏一次点击。

您可以检查结果here

感谢您的建议。我很感激!

0

从概念上讲,你可以有mousedown和mouseup事件的处理程序,以及两者都可以访问的时间机制。

在mousedown上,您启动计时机制并开始慢动画。

在鼠标松开你要么

  • 完成动画如果从鼠标按下的时间间隔低于某个阈值(即它是一个快速点击)

  • 结束动画,并返回菜单未开封状态,如果因为鼠标按下的时间差高于阈值(即它是一个点击+保持)