1 / 5

jQuery : gebruik van animaties in HTML

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”.

nydia
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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. jQuery: gebruik van animaties in HTML 29/03/2013

  2. 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”

  3. 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

  4. 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"/>  

  5. 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…

More Related