Jquery gebruik van animaties in html
This presentation is the property of its rightful owner.
Sponsored Links
1 / 5

jQuery : gebruik van animaties in HTML PowerPoint PPT Presentation


  • 83 Views
  • Uploaded on
  • Presentation posted in: General

jQuery : gebruik van animaties in HTML. 29/03/2013. Wat is jQuery ?. jQuery is een JavaScript- bibliotheek die je kan integreren in je HTML- pagina . Om animaties te maken , die SEO- vriendelijk ( er ) zijn Door gebruik te maken van “ voorgedefinieerde scripts”.

Download Presentation

jQuery : gebruik van animaties in HTML

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Jquery gebruik van animaties in html

jQuery: gebruik van animaties in HTML

29/03/2013


Wat is jquery

Wat is jQuery?

jQuery is

een JavaScript-bibliotheek die je kanintegreren in je HTML-pagina.

Om animatiestemaken, die SEO-vriendelijk(er) zijn

Door gebruiktemaken van “voorgedefinieerde scripts”


Hoe gebruik je jquery

Hoe gebruik je jQuery?

Watheb je nodig?

AlgemeenjQuery-script

SpecifiekjQuery-script

Eventueel easing-script

CSS-bestand

HTML-code

Zoek op internet eenjQuery-animatie die je wensttegebruiken

Vb: http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/

Kopieer de bestanden in jouw root-folder


Hoe doe je dit concreet

Hoe doe je ditconcreet?

Kopieer de link naar het algemeenjQuery-script in je head-tag:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Maak (eventueel) een link naar het easing-script:

<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> 

Maakeen link naar de opmaak (het CSS-bestand)

vb: <link rel="stylesheet" href="animated-menu.css"/>  


Hoe doe je dit concreet1

Hoe doe je ditconcreet?

Maakeen link naar het specifiekejQuery-script voorjouwanimatie

(vb: <script src="animated-menu.js" type="text/javascript"></script>  )

Dupliceer de HTML-code

Pas de HTML-code en CSS aan, naar jouw wensen

Denk eraan dat de verwijzingen correct moeten zijn. In mijn voorbeeld staan de scripts in een folder “js” in mijn rootfolder…


  • Login