Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[Problem] strona z wykorzystaniem js

Majster18

Rekomendowane odpowiedzi

Majster18 Pasjonat

Majster18

Opublikowano
Pasjonat

Majster18

Opublikowano

Mam problem z napisaniem prostej strony z uzyciem js. chodzi mi o to żeby elementy wyświetlały się po określonym czasie.

Mam napisane takie coś:

<!DOCTYPE html>
<html lang="pl" >
	<head>
		<meta charset="UTF-8" />
		<title>Strona</title>
		<style>
		div { display: none; height: 40px;}
		</style>
		<script>	
	$(document).ready(function() {
    $('.jeden').delay(1000).fadeIn(1000);
    $('.dwa').delay(2500).fadeIn(1000);
    $('.trzy').delay(3500).fadeIn(1000);
    $('.cztery').delay(4500).fadeIn(1000);
    $('.piec').delay(5500).fadeIn(1000);
});
		</script>
		
		
	</head>
	<body>


		
<div class="jeden">Jeden</div>
<div class="dwa">Dwa</div>
<div class="trzy">Trzy</div>
<div class="cztery">Cztery</div>
<div class="piec">Pięć</div>
			
	</body>
	
	
</html>

Na stronie http://jsfiddle.net/ jak w kleje ten kod to wszystko jest ok lecz gdy próbuje uruchomić to na swoim komputerze ni się nie pokazuje. Proszę was o pomoc z tym kodem.

Pumpernikiell.png


slepiec68 Rekrut

slepiec68

Opublikowano
Rekrut

slepiec68

Opublikowano 
Błąd: ReferenceError: $ is not defined
Wiersz: 13

Uzywasz funkcji jQuery, ktore trzeba zalaczyc do pliku przez uzyciem

<!DOCTYPE html>
<html lang="pl" >
<head>
<meta charset="UTF-8" />
<title>Strona</title>
<style>
div {
    display: none;
    height: 40px;
}
</style>
<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>
<script>	
    $(document).ready(function() {
    $('.jeden').delay(1000).fadeIn(1000);
    $('.dwa').delay(2500).fadeIn(1000);
    $('.trzy').delay(3500).fadeIn(1000);
    $('.cztery').delay(4500).fadeIn(1000);
    $('.piec').delay(5500).fadeIn(1000);
});
</script>
</head>
<body>
<div class="jeden">Jeden</div>
<div class="dwa">Dwa</div>
<div class="trzy">Trzy</div>
<div class="cztery">Cztery</div>
<div class="piec">Pięć</div>
</body>
</html>

Teraz bedzie dzialac :)

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...