2013-01-09 73 views
0

我試圖達到一個效果,當我點擊一個DOM元素,在這種情況下list,目標list將旋轉並保持這種方式。DOM元素活動狀態問題

這是很難解釋,所以這裏是link我目前的工作。

當你長時間按住圓形的灰色物體時,菜單列表將緩慢顯示。但是,一旦你放手,它會再次消失。

我打算的行爲是在圓角的灰色物體上點擊一次就會顯示菜單,菜單仍然顯示。

這很長,所以我只給你css link

回答

0

好後進一步研究,並與CSS摸索和jQuery我終於解決了這個問題。

我對CSS的理解缺乏是錯誤的。

底線:我只是不得不通過jquery覆蓋DOM元素的默認狀態,以防止菜單再次隱藏一次點擊。

您可以檢查結果here

感謝您的建議。我很感激!

0

從概念上講,你可以有mousedown和mouseup事件的處理程序,以及兩者都可以訪問的時間機制。

在mousedown上,您啓動計時機制並開始慢動畫。

在鼠標鬆開你要麼

  • 完成動畫如果從鼠標按下的時間間隔低於某個閾值(即它是一個快速點擊)

  • 結束動畫,並返回菜單未開封狀態,如果因爲鼠標按下的時間差高於閾值(即它是一個點擊+保持)