Forum PHP.pl > [css][html] Zmiana obrazka i jego wielkości po najechaniu myszką

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css][html] Zmiana obrazka i jego wielkości po najechaniu myszką

Forum PHP.pl > Forum > Przedszkole

poxrimex

29.01.2008, 15:35:58

Chciałbym się dowiedzieć jak zrobić, ażeby po najechaniu na diva myszką on zmieniał wielkość i tło

uli

29.01.2008, 15:57:51

Zdarzenie OnMouseOver. Wywołujesz funkcję w JS, która zmienia style.

Np:

[PHP] pobierz, plaintext 
<?php
<script type="text/javascript" language="JavaScript">
function c2()
{
var e = document.getElementById("cos");
 
e.style.background = "red";
}
</script>
 
 
<html>
 
<div id="cos" style="visibility:block;display:block;" onMouseOver="c2();">
	Coś
</div>
?>
[PHP] pobierz, plaintext

Analogicznie z obrazkiem, tylko oczywiście musisz dopasować atrybuty.

nevt

29.01.2008, 16:46:55

przecież pytanie jest z nagłówkiem [ css ][ html ] a ty uli z JS wyskakujesz...
np. tak:

[HTML] pobierz, plaintext 
<div class="obrazek"></div>
[HTML] pobierz, plaintext

i do tego css:

Kod

div.obrazek
{ background: transparent url('obrazek_nr1.jpg'); height: 100px; width: 200px; }

div.obrazek:hover
{ background-image: url('obrazek_nr2.jpg'); height: 150px; width: 300px; }

powodzenia.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.