我試圖達到一個效果,當我點擊一個DOM元素,在這種情況下list
,目標list
將旋轉並保持這種方式。DOM元素活動狀態問題
這是很難解釋,所以這裏是link我目前的工作。
當你長時間按住圓形的灰色物體時,菜單列表將緩慢顯示。但是,一旦你放手,它會再次消失。
我打算的行爲是在圓角的灰色物體上點擊一次就會顯示菜單,菜單仍然顯示。
這很長,所以我只給你css link。
我試圖達到一個效果,當我點擊一個DOM元素,在這種情況下list
,目標list
將旋轉並保持這種方式。DOM元素活動狀態問題
這是很難解釋,所以這裏是link我目前的工作。
當你長時間按住圓形的灰色物體時,菜單列表將緩慢顯示。但是,一旦你放手,它會再次消失。
我打算的行爲是在圓角的灰色物體上點擊一次就會顯示菜單,菜單仍然顯示。
這很長,所以我只給你css link。
好後進一步研究,並與CSS摸索和jQuery我終於解決了這個問題。
我對CSS的理解缺乏是錯誤的。
底線:我只是不得不通過jquery覆蓋DOM元素的默認狀態,以防止菜單再次隱藏一次點擊。
您可以檢查結果here。
感謝您的建議。我很感激!
從概念上講,你可以有mousedown和mouseup事件的處理程序,以及兩者都可以訪問的時間機制。
在mousedown上,您啓動計時機制並開始慢動畫。
在鼠標鬆開你要麼
完成動畫如果從鼠標按下的時間間隔低於某個閾值(即它是一個快速點擊)
結束動畫,並返回菜單未開封狀態,如果因爲鼠標按下的時間差高於閾值(即它是一個點擊+保持)
你可能會感興趣的:target
選擇器。