Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css][html] Zmiana obrazka i jego wielkości po najechaniu myszką
poxrimex
post
Post #1





Grupa: Zarejestrowani
Postów: 368
Pomógł: 2
Dołączył: 23.09.2007

Ostrzeżenie: (60%)
XXX--

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


--------------------
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
uli
post
Post #2





Grupa: Zarejestrowani
Postów: 318
Pomógł: 6
Dołączył: 27.01.2005

Ostrzeżenie: (0%)
-----

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

Np:

[PHP] pobierz, plaintext 
  1. <?php
  2. <script type="text/javascript" language="JavaScript">
  3. function c2()
  4. {
  5. var e = document.getElementById("cos");
  6.  
  7. e.style.background = "red";
  8. }
  9. </script>
  10.  
  11.  
  12. <html>
  13.  
  14. <div id="cos" style="visibility:block;display:block;" onMouseOver="c2();">
  15. 	Coś
  16. </div>
  17. ?>
[PHP] pobierz, plaintext


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

Ten post edytował uli 29.01.2008, 16:02:23


--------------------
Prawo Wylera:
Nie ma rzeczy niemożliwych dla kogoś, kto nie musi ich zrobić sam.
Go to the top of the page
+Quote Post
nevt
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----

przecież pytanie jest z nagłówkiem [ css ][ html ] a ty uli z JS wyskakujesz...
np. tak:
[HTML] pobierz, plaintext 
  1. <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.

Ten post edytował nevt 29.01.2008, 16:47:58


--------------------

- Oh no, my young coder. You will find that it is you who are mistaken, about a great many things... -
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 23:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn