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 ]
Mardi 22 janvier 2019 - Semaine 04 - Saint Vincent (Demain: Saint Barnard)
Aujourd'hui, c'est l'anniversaire de Frank Leboeuf (1968-51 ans), footballeur français (défenseur). Autre 22 janvier: 1981 - Début de la série américaine Dallas sur les écrans français (TF1).
Haut de page Easy-Micro