TEXTE CLIGNOTANT, 3 FORMES, 3 COULEURS 

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : un bel effet pour ce texte changeant de forme, de couleur et entièrement paramètrable.

Exemple :

OUTILS POUR WEBMASTER du plus simple au plus sophistiqué

Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.

Entre les deux balises <head> et </head>

<!--DEBUT CODE TEXTE 3 CLIGNOTANT-->
<style>
.F1 {filter: glow(Color=#FFD700,Strength=10);
width=150px;
height=200px;}

.F2 {filter: glow(Color=#FF4500,Strength=9);
width=110px;
height=200px;}

.F3 {filter: glow(Color=#4169E1,Strength=12);
width=90px;
height=200px;}

</style>
<script>

// (C) 2000,2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header

// set the rate of the display in milliseconds

var rate = 700


// do not edit below this line
// ============================

var i = 0
var F = 'F1'
function doThing(){
if (document.getElementById&&document.all) {
ok = true
i++;
if (i==1) F = 'F1'
if (i==2) F = 'F2'
if (i==3) F = 'F3'
YammaYamma.className=F
if (i > 2) i = 0
timer=setTimeout('doThing()', rate)
}
}

</script>
<!--FIN CODE TEXTE 3 CLIGNOTANT-->

 

Dans la balise <body>

<body onload="doThing()">

 

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT -->
<div align="center"><center>

<table width="200" cellspacing="0" cellpadding="10">
<tr>
<td><font face="Courier" size="5" color="#FFFFFF"><p id="YammaYamma" align="center"><b>OUTILS
POUR WEBMASTER du plus simple au plus sophistiqué</b> </font></td>
</tr>
</table>
</center></div>
<!-- FIN DU SCRIPT -->

Remarque : Entre les deux balises <head> et </head> F1, F2, F3, déterminent l'aspect du texte sous une forme différente.
- Color détemine les 3 couleurs différentes.
- Strength détermine l'étirement des lettres.
- Wide et Height déterminent la largeur et la hauteur des lettres.
- var rate= détermine la vitesse de clignotement (300 rapide - 700 plus lent).

Retour