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