Kontakt

Przykadowe skrypty:

kursy jzykowe wrocaw

JavaScript to jzyk skryptowy. Kodujac w JavaScript zyskujesz dynamiczne efekty na swojej stronie WWW.

Zobacz rwnie:

LINKI:
Przepisy
Gry dla dzieci

W tym miejscu znajdziesz odnoniki do stron znajomych oraz do stron tematycznie powizanych z tematyk mojego serwisu. pozycjonowanie goldentop.pl szablony allegro

Skrypt menu ukryte linki

Skrypty obsugujcy dynamiczn nawigacj. Szczegowe linki s ukryte do chwili wyboru odpowiedniej kategorii. Oprcz kodu javascript naley rwnie wstawi odpowiednie style CSS. Wszystko zostao szczegowo opisane zatem wstaw dynamiczn nawigacj na wasn stron.

Na pocztek przetestuj dziaanie skryptu klikajc w poszczeglne linki.

Poniszy zapis naley umieci w sekcji head z znaczniku script.

<script type="text/javascript">
function wyswietl(co) {
var ile = 3; for (var i = 1; i <= ile; i++)
if(co != i)
document.getElementById("w_" + i).style.display = 'none';
else
document.getElementById("w_" + i).style.display = 'block';
}
</script>

W sekcji body umie nastpujcy wpis:
<div id="navigacja">
<ul id="gora">
<li><a href="#" onclick="wyswietl(1);">Zwierzta</a> | </li>
<li><a href="#" onclick="wyswietl(2);">Roliny</a> | </li>
<li><a href="#" onclick="wyswietl(3);">Kredyty</a></li>
</ul>
<ul id="w_1">
<li><a href="#">Psy</a> | </li>
<li><a href="#">Koty</a></li>
</ul>
<ul id="w_2">
<li><a href="#">Kwiaty</a> | </li>
<li><a href="#">Drzewa</a> | </li>
<li><a href="#">Grzyby</a></li>
</ul>
<ul id="w_3">
<li>a href="#">Kredyty mieszkaniowe</a> | </li>
<li><a href="#">Kredyty hipoteczne</a> | </li>
<li><a href="#">Kredyty samochodowe</a></li>
</ul>
</div>

Kolejn wan rzecz s style CSS. Umie je w sekcji head w znaczniku style:
<style type="text/css">
ul {
list-style-type: none;
}
li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
li a.link, li a.visited {
display: block;
width: auto;
float: left;
height: 20px;
}
#nawigacja {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 20px;
}
#w_1, #w_2, #w_3 {
display: none;
}
</style>

Aby sterowa wygldem menu - zmieniaj style CSS. Moesz dodawa to, zmienia kolor liter itd...

W funkcji zastosowana zostaa zmienna ile - musisz tu wpisa liczb linkw gwnych. Jeeli wpiszesz inn ni w przykadzie, pamitaj, aby doda rwnie dodatkowe warstwy z linkami szczegowymi.


Sprzeda Domeny

UWAGA
Po zakodowaniu strony internetowej zawsze sprawd czy prawidowo wywietla si we wszystkich popularnych przegldarkach internetowych (np.: Internet Explorer, Mozilla Firefox, Opera).




Copyright © Atom 2006