.
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

.

Site dédié au portail http://debbog.free.fr/
 
AccueilRechercherDernières imagesS'enregistrerConnexion
-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

 

 Effet de fondu en javascript

Aller en bas 
AuteurMessage
xloadx




Messages : 25
Date d'inscription : 19/09/2007

Effet de fondu en javascript Empty
MessageSujet: Effet de fondu en javascript   Effet de fondu en javascript Icon_minitimeMer 17 Oct - 0:46

Très utile pour une fermeture automatique d'un objet:

Code:

var vitesse    = 1000;   // vitesse de la fondue
var opaciteFF    = 1;   // spécifique à Firefox
var opaciteIE    = 100;   // spécifique à Internet Explorer
var arret      = 100;  // timing pour l'arrêt de tempus (temporisation)
var tempus       = setInterval("decompte();", vitesse); // lance le timing

function decompte()
{   
   if(navigator.appName.substring(0,9) == "Microsoft")
   {      
      var style  = document.getElementById("pub").style.filter = 'alpha(opacity='+ opaciteIE +')';
      opaciteIE = opaciteIE - 5; // décrémentation de l'opacité pour FF
   }
   else
   {
      var style  = document.getElementById("pub").style.opacity = opaciteFF;
      opaciteFF = opaciteFF - 0.05; // décrémentation de l'opacité pour IE
   }
   if( arret == 0 )
   {
      document.getElementById("pub").style.visibility = "hidden"; // cache l'objet
      clearInterval(tempus); // arrête le timing
   }
   arret = arret - 5;
}


Objet à intégrer dans votre page:



Code:

<div id="pub">
  <img src="http://i21.servimg.com/u/f21/11/57/43/65/logo10.png">
</div>



En cas de problème n'hésitez pas à demander une aide, le forum est là pour ça. Very Happy
Revenir en haut Aller en bas
 
Effet de fondu en javascript
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Effet : Créer une surface d'eau
» Effet : Intégrer une texture de points

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
. :: PROGRAMMATION :: JAVASCRIPT-
Sauter vers: