Script Masters : Javascript : Index

Script Masters

Espace membre

Langages

Autres ressources

Emploi avec Jobintree

Ressources graphiques

Recherche

Kit graphique

Liens

Statistiques

Javascript >> Catégorie >> Menus dynamiques >> Bannière de texte dynamique

Description

Ce superbe script dynamique (dhtml) affiche plusieurs bannières à la suite dans un superbe éclair digne des meilleurs films américains. Si vous n'en voulez pas, je vous conseil quand même d'aller le voir.

Exemple

[Cliquez ici pour visualiser l'exemple]

Informations et statistiques

Internet Explorer : oui
Netscape Navigator : oui
Auteur : Dynamic Drive
Date de création : Inconnue

Visualiser : 89578
Dont aujourd'hui : 5
Envoi par mail : 1478
Commentaire : 0

Conseils pour la personalisation du script

Pour modifier les messages, il suffit de renseigner le tableau suivant :
news[0]="Plusieurs dizaines de JavaScript à utiliser librement!" news[1]="Tout les conseils pour réaliser votre page!" news[2]="Des centaines de javascripts sur le moteur de l'Editeur JavaScript!" news[3]="Vous ne savez pas éditer vos metatag? Consultez mon générateur!"
Vous pouvez bien évidemment ajouter plusieurs texte en incrémentant la valeur (ex :news[4])

Pour les couleurs, il suffit de modifier la feuille de style.

Le script

Insérer ce style entre les balises <Head> </Head>

Insérer ce script entre les balises <Body> </Body>

/*
Insérer ce script entre les balises <Body> </Body>
*/

<div id="tickertape">
      <div id="subtickertape" class="subtickertapefont">Chargement...</div>
      </div>
      
      <script language="JavaScript1.2">
      
   
      //la vitesse par défaut est de 4,5 secondes. Vous pouvez modifier cette valeur, si désiré.
      var speed=4500
      
      var news=new Array()
      news[0]="<center><a href='http://www.script-masters.com/'>Plusieurs dizaines de JavaScript à utiliser librement!</a></center>"
      news[1]="<center><a href='http://www.script-masters.com/'>Tout les conseils pour réaliser votre page!</a></center>"
      news[2]="<center><a href='http://www.editeurjavascript.com/partenaires/concours.php?id=fafaworld'>Des centaines de javascripts sur le moteur de l'Editeur JavaScript!</a></center>"
      news[3]="<center><a href='http://www.script-masters.com/'>Vous ne savez pas éditer vos metatag? Consultez mon générateur!</a></center>"
      //vous pouvez allonger ou restreindre cette liste de messages, au choix
      
      i=0
      if (document.all)
      tickerobject=document.all.subtickertape.style
      else
      tickerobject=document.tickertape.document
      function regenerate(){
      window.location.reload()
      }
      function regenerate2(){
      if (document.layers)
      setTimeout("window.onresize=regenerate",450)
      }
      
      function update(){
      BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
      if (document.layers){
      document.tickertape.document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')
      document.tickertape.document.subtickertape.document.close()
      }
      else
      document.all.subtickertape.innerHTML=news[i]
      
      if (i<news.length-1)
      i++
      else
      i=0
      setTimeout("update()",speed)
      }
      
      function BgFade(red1, grn1, blu1, red2,
      grn2, blu2, steps) {
      sred = red1; sgrn = grn1; sblu = blu1;
      ered = red2; egrn = grn2; eblu = blu2;
      inc = steps;
      step = 0;
      RunFader();
      }
      function RunFader() {
      var epct = step/inc;
      var spct = 1 - epct;
      if (document.layers)
      tickerobject.bgColor =
      Math.floor(sred * spct + ered *
      epct)*256*256 +
      Math.floor(sgrn * spct + egrn * epct)*256 +
      Math.floor(sblu * spct + eblu * epct);
      else
      tickerobject.backgroundColor=
      Math.floor(sred * spct + ered *
      epct)*256*256 +
      Math.floor(sgrn * spct + egrn * epct)*256 +
      Math.floor(sblu * spct + eblu * epct);
      if ( step < inc ) {
      setTimeout('RunFader()',50);
      }
      step++;
      }
      
      </script>

Remplacez votre tag <body> par celui-ci

Recevoir ce script par email

Entrez votre email ci-dessous pour recevoir ce script dans votre boite à lettre

Poster un commentaires :

Plus d'info :

Un problème ? Consultez le forum de Script Masters pour trouver la réponse !