При нажатии на изображение оставаться в состоянии наведения

#html #button #hover #click #state

#HTML #кнопка #наведите #нажмите #состояние

Вопрос:

Мне нужно добавить функцию в этот код, чтобы при нажатии на кнопку он оставался в состоянии наведения (цветной) Может кто-нибудь помочь мне с этим? Большое вам спасибо.

 <style>
menucko a { position: relative; left: -210px; transition: left .25s ease-in-out; -moz-transition: left .25s ease-in-out; -webkit-transition: left .25s ease-in-out; } 
menucko a:hover { position: relative; left: 0px; }

bannerik div { margin-left: 2px; border-left: 4px solid #E5D96D; }
</style>

<menucko>
<a href="http://www.bieladuha.sk/kreativne-potreby-akcie"><img class="fade" src="http://www.webareal.sk/fotky25131/web/kreativne-potreby-akcia.jpg" alt="" width="400" height="40" /></a>
</menucko>
  

http://jsfiddle.net/WgdXU/50/

Комментарии:

1. Теперь, что происходит в настоящее время, в чем проблема

2. Примените тот же цвет к: посещенным

3. mattgemmell.com/what-have-you-tried

Ответ №1:

Вы можете добавить класс к тегу привязки с помощью javascript / jQuery

 $('menucko a').on('click', function () {
  $(this).addClass('hovered');
});
  

Затем вы можете добавить hovered класс в свой css

menucko a:hover, menucko a.hovered { position: relative; left: 0px; }

Комментарии:

1. Привет, большое вам спасибо за вашу помощь и ответ. Мне очень жаль, но это не работает, потому что каждая кнопка связана с другой страницей на сайте, а затем обновляется.. Есть ли какое-либо другое решение?