單擊css3動畫

Question

以下zip包含網站html和必需的文件： http : //dl.getdropbox.com/u/4281191/login.zip

當您將鼠標懸停在html（html：hover）上時，您會看到一個動畫，將容器轉換為登錄框，我希望當我在“ Hello，Guest”菜單上單擊“ Login”時發生這種情況。

無論如何要做到這一點？ 我是js新手...

附加信息：

css在html內，並且css3動畫由以下方式觸發：

html:hover id/class {
    property: value;
}

謝謝你的幫助！ 而且由於我沒有足夠的聲譽，我無法對評論進行投票...但是我可以為幫助我的人做一些免費的設計工作^^

Answer 1

我對動畫還是不太了解，但是對於這里重要的事情，您可以使用.classname：active或.classname：focus選擇器之類的東西。 但是，只要單擊其中的某些內容（例如文本框），樣式就會消失。

因此，這確實取決於。 您是否只需要一個菜單​​，該菜單具有將用戶帶到另一個頁面的鏈接（在這種情況下，您會沒事的）還是想要登錄表單（在這種情況下，請忘記它，使用jquery）？

對於今天和將來的參考，請保存此鏈接，因為它將是您最好的朋友：

http://www.w3.org/TR/selectors/#selectors

更新資料

是的，我徘徊了，但是我沒有看代碼。 我現在看了，不幸的是，答案是否定的。 您不能使用CSS來影響某些上層對象。

為此，使用jQuery。 最簡單的方法是使用jQuery向要更改的元素添加一個類（例如$（“＃the-object-id”）。addClass（'class-name'））。 為了保持效果，請添加duration參數。 閱讀此頁面有關使用jQuery添加類 。