Как сделать чтоб hover применился после ухода с блока?

Question

[AlexFo90]

Добрый день, подскажите пожалуйста как сделать чтоб hover применился именно после ухода с блока методами css? Может кто-то знает где прочитать ответ если тема эта уже подымалась, не могу сообразить пока((

Заранее благодарен за любую информацию)

Comments

[La1serg]

Что значит "hover применился после ухода с блока"?
У тебя есть элемент, у него есть css свойства. При загрузке документа у него одни свойства. Ты хочешь, чтобы при наведении свойства не поменялись, а при снятии наведения повесились другие свойства?

Покажи пример того, что хочешь. Лично я не могу представить, где такой сценарий может иметь место.

[AlexFo90]

La1serg, ну да, как-то интересно я обрисовал задачу)

[AlexFo90]

допустим есть 3 пункта меню
пункт1 пункт2 пункт3

-текст черный
-подчеркивание нет
-мышь на пункте1 , потом перехожу мышью на пункт2, а вслед на пункте 1 появляется подчеркивание

как-то так)

[La1serg]

AlexFo90, ты понимаешь, что это бред? У твоего пункта N1 какие стили будут при загрузке документа?

Answer 1

[Максим]

$(elem).on("mouseout", function(){
  //здесь то что вы хотите сделать после того как курсор покинет блок 
  $(".item").addClass("new").removeClass("old").css({
    "transform":"translateX(pixel)"
 });
});

Comments

[AlexFo90]

То есть по средствам Css это невозможно?

[Максим]

AlexFo90, конечно нет ...css это просто стили а события только простые hover active focus но не более того

[AlexFo90]

Хорошо, спасибо!