JQuery превращается в псевдо-классы, например: hover - PullRequest
Новая
       12

JQuery превращается в псевдо-классы, например: hover

1 голос
/ 27 января 2012

кто-нибудь пришел к плагину или разработал способ перехода к псевдо-классам, определенным через css, с помощью jquery?

Я не могу найти в Интернете ничего, что подсказывало бы, что есть плагин, который делает то, что я думаю, что немного странно, так как я думал, что это станет мечтой веб-дизайнера / разработчика! Поэтому я могу только предположить, что это невозможно.

скажем, у нас есть 

p:hover{opacity:0.6;}

<p>blah blah blah</p>

очевидно, что это просто переместится с полностью непрозрачного на 60% непрозрачного, но если бы мы использовали jquery вот так; 

$('p').hover(function(){
    $(this).animate({'opacity':0.6},400);
},function(){
    $(this).animate({'opacity':1},200);
});

Мы получаем хороший переход между полностью и полупрозрачным.

Что бы я ДЕЙСТВИТЕЛЬНО хотел бы выяснить, так это то, может ли jQuery автоматически выполнить переход к классу: hover psuedo, определенному в таблице стилей.

Имеет ли jQuery (или javascript) доступ к этим данным из браузера? Если нет, может ли файл css быть прочитан javascript или jquery отдельно? В любом случае, может ли jquery (учитывая несколько параметров) знать, что он всегда должен анимироваться в класс: hover?

1 Ответ

0 голосов
/ 27 января 2012

Я не уверен насчет автоматики, но хакерский способ сделать это - разместить на странице элемент-заполнитель, стилизованный так, как вы хотите, но в остальном скрытый. Затем, когда вы хотите анимировать элемент от до этого стиля, получить элемент-заполнитель, получить требуемые свойства, используя .css(propertyName), и передать эти свойства в вызов .animate() элемента, который вы хотите изменить.

...