Переходы CSS3 великолепны! До сих пор я запускаю их с помощью: hover или: активных объявлений в таблице стилей. Я хочу посмотреть, есть ли способ запустить их из jquery.
Например:
#MyDiv{
border:1px solid red;
background:blue;
transition: all 0.3s linear;
}
MyDiv:hover{
border:1px solid black;
background:yellow;
}
Переход на hover будет срабатывать, когда мышь перемещается над MyDiv, но то, что я хочу сделать, это что-то вроде:
$('#MyDiv').transition(hover); //that would be ideal
Другими словами, я хотел бы запустить анимацию css, чтобы, если я наведю курсор на другой div, анимация #MyDiv будет запускаться с $('#SomeOtherDiv').mouseenter(function () { $('#MyDiv').transition(hover); });
Функция анимации jquery не поддерживает цветовые переходы, и, хотя я знаю, что вы можете добавлять плагины jqueryUI, чтобы заставить ее работать, мне было интересно, есть ли способ заставить ее работать без нее, используя jquery для вызова перехода css.