单击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添加类 。