jQuery Fading

jQuery heeft acties om HTML tags geleidelijk te laten verdwijnen of op te laten komen.

jQuery fadeIn() methode

De jQuery fadeIn() methode wordt gebruikt om HTML elementen geleidelijk op te laten komen.

Syntaxis

$(kiezer).fadeIn(snelheid, terugroep);

Het facultatieve argument snelheid bepaald de snelheid waarmee de tag verschijnt. Je gebruikt als waarden slow, fast of een tijd in milliseconden.

Het facultatieve argument terugroep is de naam van een functie die na het verschijnen wordt uitgevoerd.

Voorbeeld met het argument snelheid:

$("#fotopaneel").fadeIn("slow");

jQuery fadeOut() methode

De jQuery fadeOut() methode wordt gebruikt om HTML elementen geleidelijk te laten verdwijnen.

Syntaxis

$(kiezer).fadeOut(snelheid, terugroep);

Het facultatieve argument snelheid bepaald de snelheid waarmee de tag verdwijnt. Je gebruikt als waarden slow, fast of een tijd in milliseconden.

Het facultatieve argument terugroep is de naam van een functie die na het verbergen wordt uitgevoerd.

Voorbeeld met het argument snelheid:

$("#fotopaneel").fadeOut("slow");

jQuery fadeToggle() methode

De jQuery fadeToggle() methode wordt gebruikt om zichtbare HTML elementen geleidelijk te laten verdwijnen en verborgen HTML elementen geleidelijk op te laten komen.

Syntaxis

$(kiezer).fadeToggle(snelheid, terugroep);

Het facultatieve argument snelheid bepaald de snelheid waarmee de tag verdwijnt of opkomt. Je gebruikt als waarden slow, fast of een tijd in milliseconden.

Het facultatieve argument terugroep is de naam van een functie die na het verbergen of opkomen wordt uitgevoerd.

Voorbeeld met het argument snelheid:

$("#fotopaneel").fadeToggle("slow");

jQuery fadeTo() methode

De jQuery fadeTo() methode wordt gebruikt om HTML elementen geleidelijk naar een bepaalde dekkingsgraad te laten evolueren.

Syntaxis

$(kiezer).fadeTo(snelheid, dekking, terugroep);

Het verplichte argument snelheid bepaald de snelheid waarmee de tag verdwijnt. Je gebruikt als waarden slow, fast of een tijd in milliseconden.

Het verplichte argument dekking (opacity) bepaald de einddekkingsgraad. De dekking heeft een waarde tussen 0 (geen dekking = volledig doorzichtig) en 1 (maximale dekking = volledig ondoorzichtig).

Het facultatieve argument terugroep is de naam van een functie die na het verbergen wordt uitgevoerd.

Voorbeeld:

$("#fotopaneel").fadeTo("slow", 0.4);

HTML eigenschap aanpassen

De jQuery attr() methode wordt gebruikt om HTML eigenschappen (attributen) van tags aan te passen.

Het volgende voorbeeld past de koppeling (href eigenschap) van een a tag met het id #cursus aan:

$("#cursus").attr("href","http://webdesign.pindanet.be");