Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]A'la if zmieniający kolor diva po określonej czynności
JustHuman4
post
Post #1





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 10.12.2011
Skąd: Stumilowy Las

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

Witam. Oto kod stronki:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <title>bleble</title>
  4.  
  5.   <style type="text/css">
  6.   #pole{
  7. 	width: 1000px;
  8. 	height: 1500px;
  9. 	background: lime;
  10. 	margin: auto;
  11. 	-webkit-transition: all 1s linear;
  12. }
  13.  
  14.  #kwadrat{
  15. 	width: 500px;
  16. 	height: 500px;
  17. 	background: green;
  18. 	margin: auto;
  19. 	-webkit-transition: all 1s linear;
  20. 	}
  21.  
  22.  #kwadrat:hover{
  23.   background: greenyellow;
  24. }
  25.  
  26. #pole:hover{
  27.   background: gray;
  28. }
  29.  
  30.  
  31.  
  32.   </style>
  33.  
  34. </head>
  35. <body>
  36. <div id="pole">
  37. <div id="kwadrat">
  38. </div>
  39. </div>
  40.  
  41. </body>
  42. </html>
[HTML] pobierz, plaintext



Chcę zrobić aby div "pole" zmienił kolor na szary dopiero po najechaniu na div "kwadrat".
Pozdrawiam

Ten post edytował JustHuman4 2.03.2012, 19:15:16
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Orzeszekk
post
Post #2





Grupa: Zarejestrowani
Postów: 260
Pomógł: 14
Dołączył: 8.09.2011

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

bez javascriptu sie nie obejdziesz.przykład w JQuery, bo zapomnialem juz jak pisze sie w normalnym javascripcie.

<script type="text/javascript">
function swapColors()
{
$(".pole").css("background-color", "gray");
}
</script>

<div id="kwadrat" onmouseover="swapColors()"/>
Go to the top of the page
+Quote Post

Posty w temacie
- JustHuman4   [CSS]A'la if zmieniający kolor diva po określonej czynności   2.03.2012, 19:11:57
- - gothye   [HTML] pobierz, plaintext #kwadrat:hover #pole {ba...   2.03.2012, 22:12:43
- - JustHuman4   Taa fajnie by było gdyby to było takie proste... P...   2.03.2012, 23:13:21
- - Orzeszekk   bez javascriptu sie nie obejdziesz.przykład w JQue...   3.03.2012, 01:20:40
- - viking   To co tu chciałeś zrobić za pomocą CSS niestety ni...   3.03.2012, 09:56:10
- - by_ikar   Znaczy się działa taki hover, ale działa tylko dla...   3.03.2012, 12:18:32
- - kamil4u   Jak zmienisz trochę HTML to da radę: [CSS] pobierz...   3.03.2012, 13:48:02
- - JustHuman4   Ślicznie dziękuję Pozdrawiam   3.03.2012, 14:55:22

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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