[CSS]Podtrzymanie Klasy Hover Opcje

[DonPolaczek]

Witam serdecznie, chciałbym się dowiedzieć jak zrobić podtrzymanie hover po najechaniu myszką na niego do czasu wybrania następnego. Jakieś sugestie ? Dzięki z góry.

[CSS] pobierz, plaintext 
.Strony { 
width: 165px; 
height:200px; 
display:block; 
background-image: url('Menu_01.png'); 
} 
.Strony:hover { 
background-image: url('Hover_Menu_01.png'); 
}
[CSS] pobierz, plaintext 

Ten post edytował DonPolaczek 3.02.2015, 14:44:56

[DonPolaczek]

Nie bardzo to działa ale spróbuję znaleźć rozwiązanie za dalsze sugestię dziękuję.

[HTML] pobierz, plaintext 
<script>
$('.Strony').hover(function(){
  $('.Strony').removeClass('.Strony:hover');
  $(this).addClass('.Strony:hover');
});
</script>
[HTML] pobierz, plaintext 

Umieściłem pod:

[HTML] pobierz, plaintext 
<td>
        <a href="#Strony" class="Strony"</a>
</td>
[HTML] pobierz, plaintext 

// EDIT:
Mam coś takiego co działa na zwykłą najprostszą klasę:

[HTML] pobierz, plaintext 
<button class="inactive" value="test">Button</button>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
 $(document).ready(function(){
      $('button').click(function(){
           $(this).addClass('clicked');
      });
 });
[JAVASCRIPT] pobierz, plaintext 

[CSS] pobierz, plaintext 
 .inactive {background-color:gray;}
 .clicked {background-color:orange;}
[CSS] pobierz, plaintext 

Ale Niestety nie działa to w przypadku hover image.

Odświeżam temat nadal nie mogę znaleźć rozwiązania.

Ten post edytował DonPolaczek 3.02.2015, 20:53:19