我正在尝试在点击DOM元素时实现效果,在这种情况下为list
,目标list
会旋转并保持这种状态。
这有点难以解释,所以这里是link我正在做的事情。
当你长按圆形灰色物体时,菜单列表会慢慢显示出来。但是,一旦你放手它就会再次消失。
我的目标是在圆形灰色物体上单击一次就会显示菜单并且菜单会一直显示。
这很长,所以我只会给你css link而不是。
答案 0 :(得分:0)
从概念上讲,你可以拥有mousedown和mouseup事件的处理程序,以及两者都可以访问的计时机制。
在mousedown上启动计时机制并启动慢动画。
在mouseup中你要么
如果mousedown的时间滞后低于某个阈值(即快速点击),则完成动画
结束动画并将菜单返回到未打开的状态,如果mousedown的时间滞后超过阈值(即,它是点击+保持)
答案 1 :(得分:0)
您可能对:target
选择器感兴趣。
答案 2 :(得分:0)
经过进一步的研究和fss和jquery的摸索后,我终于解决了它。
我对css缺乏了解是错误的。
底线:我只需通过jquery覆盖DOM元素的默认状态,以防止菜单在点击后再次隐藏。
您可以查看结果here。
感谢您的建议。我很感激!