Easy-Micro


LANGAGE JavaScript
Animations

Animations et effets JQuery

Apparition/Disparition

  • Méthodes show() et hide() pour le coucou/caché
  • fast() ou slow() pour la durée en milliseconde

<script>
$(function() {
$('tr:even').css('background','yellow');
$('#monbouton').click(function() {
$('tr:even').show('slow');
} );
} );
</script>

Le code jQuery ci-dessus met les lignes pairs d'un tableau (tr:even) en jaune lorsque l'on clic sur le bouton monbouton.
Source : openclassrooms.com

Apparition/Disparition avec fadeIn et fadeOut

<img src="images/monlogo.png" id="monimg" alt=""/>

<script>
$(document).ready(function() {
setInterval(function() {

$(".monimg").fadeOut("slow",function(){
$(this).fadeIn("slow");
});

}, 1000);

});
</script>
setInterval(function() {}, 1000); permet la répétition toute les 1000 millisecondes

Le défilement parallaxe

Exemple d'utilisation de la bibliothèque JQuery : Le défilement parallaxe
Dans votre body:
<div class="parallax-window slide" data-parallax="scroll" data-image-src="images/monimagedefond.jpg">
Du contenu...

Du contenu...

Du contenu...</div>

<script type="text/javascript" src="messcripts/jquery.min.js"></script>
<script type="text/javascript" src="mescripts/parallax.min.js"></script>

Easy-Micro
vous présente

L'effet parallaxe
en JQuery



Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Dimanche 21 juillet 2019 - Semaine 29 - Saint Victor (Demain: Sainte Marie-Madeleine)
Aujourd'hui, c'est l'anniversaire de Hubert-Felix Thiefaine (1948-71 ans), chanteur français et de Charlotte Gainsbourg (1971), actrice française. Autre 21 juillet: 1798 - Victoire de la "bataille des pyramides" par Bonaparte.
Haut de page Easy-Micro