Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML][JavaScript]Pomoc css js
Salur
post
Post #1





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Witam, jak zrobić aby powoli się wyświetlał ukryty div a potem powoli znikał?

JS:

  1. <script language="javascript">
  2. function toggle5(showHideDiv, switchImgTag) {
  3. var ele = document.getElementById(showHideDiv);
  4. var imageEle = document.getElementById(switchImgTag);
  5. if(ele.style.display == "block") {
  6. ele.style.display = "none";
  7.  
  8. }
  9. else {
  10. ele.style.display = "block";
  11.  
  12. }
  13. }
  14.  
  15. <div id="headerDivImg">
  16.  
  17. <div id="titleTextImg"></div>
  18.  
  19. <a id="imageDivLink" href="java script:toggle5('contentDivImg', 'imageDivLink');"><img src="img/kontakt.png"></img></a>
  20.  
  21. </div>
  22.  
  23. <div id="contentDivImg" style="display: none;">Dynamicznie działa?<br><br><br><br><br><br><hr>Działa!</div>
  24.  
  25. </div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


transition na opacity: http://jsfiddle.net/Comandeer/4wn3ooed/
Go to the top of the page
+Quote Post
Salur
post
Post #3





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Dziekuję, lecz jeden problem po dodaniu na stronę nie znika po ponownym kliknięciu jedynie po odświeżeniu.

Ten post edytował Salur 30.06.2015, 14:12:23
Go to the top of the page
+Quote Post
prz3kus
post
Post #4





Grupa: Zarejestrowani
Postów: 260
Pomógł: 30
Dołączył: 22.01.2007

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


zbadaj element na stronie, pewnie jakieś błędy w js ujrzą światło dzienne (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Comandeer
post
Post #5





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


Prawdopodobnie umieściłeś kod JS w head zamiast na końcu body.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 24.08.2025 - 21:51