Jump to content
Jacob

jQuery loader by JacobCode.pl

Recommended Posts

Jacob

Dzisiaj przedstawie Wam, jak w prosty sposób wykonać loader na waszą stronę WWW.
Zacznijmy od samego pliku js który pobieramy z załącznika. Wgrywamy folder z pliczkiem do głównego katalogu naszej strony.

Czas na index.html. W tym pliku w sekcji head wklejamy 2 linijki:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<script type="text/javascript" src="js/queryLoader.js"></script> 

Pierwsza odpowiada za jquery druga zaś za nasz loader.

przed znacznikiem </body> wklejamy kod który uruchamia nasz loader:

<script type="text/javascript"> 

   QueryLoader.init(); 

</script>

Czas na styl. Otwieramy plik css i wklejamy ten oto kod:

.QOverlay{ 
background-color:#080808;  
z-index:9999; 
} 

.QLoader{ 
height:1px; 
background-color:#1485dd; 
}

.QOverlay - odpowiada za kolor tła.

QLoader - kolor naszego loadera i szerokość paseczka.

Poradnik napisany przez JacobCode.pl

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
×
×
  • Create New...