CSS3 анимация по клику - PullRequest
Новая
       20

CSS3 анимация по клику

0 голосов
/ 22 октября 2011

Следующий zip-файл содержит html сайта и необходимые файлы: http://dl.getdropbox.com/u/4281191/login.zip

Когда вы наводите html (html: hover), вы видите анимацию, которая превращает контейнер в ящик для входа, я хочу, чтобы это произошло, когда я вместо этого нажимаю «Вход» в меню «Привет, Гость».

В любом случае, чтобы сделать это? Я новичок в JS ...

Дополнительная информация:

CSS находится внутри HTML, и анимация css3 запускается: 

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

Спасибо за любую помощь! И я не могу голосовать за комментарии, так как у меня недостаточно репутации ... но я мог бы сделать несколько бесплатных дизайнерских работ для человека, который мне помогает ^^

1 Ответ

1 голос
/ 22 октября 2011

Я до сих пор не очень разбираюсь в анимации, но здесь важно использовать что-то вроде селекторов .classname: active или .classname: focus. Но как только вы щелкнете что-нибудь внутри него (например, текстовое поле), стиль исчезнет.

Итак, для этого это действительно зависит. Вам просто нужно меню, содержащее ссылки, которые переносят пользователя на другую страницу (в этом случае с вами все будет в порядке), или вам нужна форма для входа (в этом случае забудьте об этом, используйте jquery)?

Сохраните эту ссылку на сегодня и в будущем, потому что она станет вашим лучшим другом:

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

Обновление

Да, я завис, но я не смотрел на код. Я посмотрел сейчас и, к сожалению, ответ - нет. Вы не можете воздействовать на некоторые объекты верхнего уровня, такие как CSS.

Для этого используйте jQuery. Более простым способом было бы использовать jQuery для добавления класса к элементу, который вы хотите изменить (например, $ ("# the-object-id"). AddClass ('class-name')). Чтобы сохранить эффект, добавьте аргумент продолжительности. Прочтите эту страницу о Добавление класса с помощью jQuery .

...