Jak zmienić jakiś element po najechaniu myszką na inny?

pytanie zadane 23 października 2015 w HTML i CSS przez DavidMCPolska Bywalec (2,770 p.)

Czy w ogóle da się zrobić tak, żeby po najechaniu jakiegoś elementu zmieniał się inny? Jeśli tak to jak to mogę zrobić?
A = Element na który trzeba najechać
B = Element który ma zostać zmieniony po najechaniu na A

HTML:
- A jest niżej elementu B
- A i B nie są bezpośrednio w tym samym elemencie
- A i B są oznaczone klasami (jeśli będzie trzeba to zmienie na id)

Strona internetowa: http://DavidMCPolska.tk/123123 - po najechaniu na któreś z kółek ma się zmienić ekran laptopa.

Z góry dziękuje ;)

2 odpowiedzi

odpowiedź 23 października 2015 przez Ivan Maniak (60,650 p.)
wybrane 25 października 2015 przez DavidMCPolska

Najlepsza

Najlepiej chyba coś takiego będzie w Js napisać. Tutaj masz przykład jak coś takiego stworzyć [JQuery]:


//html
<!-- monitor -->
<div id="menu-window"></div>

[...]
<!-- buttons -->
<div class="menu-button" monitor="animacje-3d">...</div>
<div class="menu-button" monitor="grafika-3d">...</div>
<div class="menu-button" monitor="programowanie">...</div>


//js
$('.menu-button').hover(function(){
	
	//Pobierz atrybut monitor z przycisku
	var monitor = $(this).attr('monitor');

	//usun aktualna klase
	$('#menu-window').removeClass();

	//dodaj nowa klase
	$('#menu-window').addClass(monitor);

});

komentarz 23 października 2015 przez DavidMCPolska Bywalec (2,770 p.)

Sory, ale długo nie było odpowiedzi i musiałem poszperać w internecie i złożyłem takie coś:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(".menu-button-hover").hover(function()
    {
      $('.menu-window').addClass('display');
      }, function(){
        $('.menu-window').removeClass('display');
    });
    });
    </script>

A twojego kodu trochę nierozumiem, bo po co usuwać aktualną klasę i dawać id monitorowi jak można dodać klasę z opacity, ale dzięki, że coś napisałeś może się jeszcze przyda :)