我试图达到一个效果,当我点击一个DOM元素,在这种情况下list
,目标list
将旋转并保持这种方式。DOM元素活动状态问题
这是很难解释,所以这里是link我目前的工作。
当你长时间按住圆形的灰色物体时,菜单列表将缓慢显示。但是,一旦你放手,它会再次消失。
我打算的行为是在圆角的灰色物体上点击一次就会显示菜单,菜单仍然显示。
这很长,所以我只给你css link。
我试图达到一个效果,当我点击一个DOM元素,在这种情况下list
,目标list
将旋转并保持这种方式。DOM元素活动状态问题
这是很难解释,所以这里是link我目前的工作。
当你长时间按住圆形的灰色物体时,菜单列表将缓慢显示。但是,一旦你放手,它会再次消失。
我打算的行为是在圆角的灰色物体上点击一次就会显示菜单,菜单仍然显示。
这很长,所以我只给你css link。
好后进一步研究,并与CSS摸索和jQuery我终于解决了这个问题。
我对CSS的理解缺乏是错误的。
底线:我只是不得不通过jquery覆盖DOM元素的默认状态,以防止菜单再次隐藏一次点击。
您可以检查结果here。
感谢您的建议。我很感激!
从概念上讲,你可以有mousedown和mouseup事件的处理程序,以及两者都可以访问的时间机制。
在mousedown上,您启动计时机制并开始慢动画。
在鼠标松开你要么
完成动画如果从鼠标按下的时间间隔低于某个阈值(即它是一个快速点击)
结束动画,并返回菜单未开封状态,如果因为鼠标按下的时间差高于阈值(即它是一个点击+保持)
你可能会感兴趣的:target
选择器。