Animace načítání po kliknutí na odkaz – JavaScript

Živá ukázka

HTML: 

<img src="http://ukazky.mujskript.cz/img/loading.gif" alt="" id="nacitani">
<a href="http://mujskript.cz" onclick="okno()">MůjSkript.cz</a>

 

CSS (je důležité pro skrytí prvku nacitani):

#nacitani {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

JS:

function okno() {
    document.getElementById("nacitani").style.display = "block";
}

Živá ukázka

Napište komentář!