[Tuto] Effet arc en ciel sur vos liens

<!-- DEBUT DU SCRIPT RAINBOW-->
<b>
<font size="3">
<script>

/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/

// ********** MAKE YOUR CHANGES HERE

var text="INSCRIRE VOTRE TEXTE DANS CETTE PARTIE DU CODE " // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
<!-- FIN DU SCRIPT RAINBOW-->
 

<script language="javascript">
   // Flooble.com's Animated Text script. Will animate a specified
   // bit of text (determined by the ID of containing tag) by
   // highlighting it with specified color one character at a time
   // in a moving pattern.
   //
   // Summary of use:
   //     call animate(tagID, color); where "tagID" is the ID
   //     of the tag that contains text to be animated,
   //     and "color" is the color to use to highlight the text with.
   //
   // For more information, and detailed instructions, see
   //     http://www.flooble.com/scripts/animate.php
   //
   // Copyright (c) 2002 by Animus Pactum Consulting Inc.
   // This script comes with no warranties whatsoever.
   // Animus Pactum Consulting will not be responsible
   // for any damages resulting from its use.

        var ie4 = false;
        if(document.all) {
                ie4 = true;
        }       
        function setContent(name, value) {
                var d; 
                if (ie4) {
                        d = document.all[name];
                } else {
                        d = document.getElementById(name);
                }       
                d.innerHTML = value;   
        }       

   function getContent(name) {
      var d;
                if (ie4) {
                        d = document.all[name];
                } else {
                        d = document.getElementById(name);
                }
                return d.innerHTML;
   }

        function setColor(name, value) {
                var d; 
                if (ie4) {
                        d = document.all[name];
                } else {
                        d = document.getElementById(name);
                }
                d.style.color = value; 
        }

   function getColor(name) {
                var d;
                if (ie4) {
                        d = document.all[name];
                } else {
                        d = document.getElementById(name);
                }
                return d.style.color;
        }

        function animate(name, col) {
      var value = getContent(name);
      if (value.indexOf('<span') >= 0) { return; }
      var length = 0;
                var str = '';
      var ch;
      var token = '';
      var htmltag = false;   
                for (i = 0; i < value.length; i++) {
         ch = value.substring(i, i+1);
         if (i < value.length - 1) { nextch = value.substring(i+1, i+2); } else { nextch = ' '; }
         token += ch;
         if (ch == '<' && '/aAbBpPhHiIoOuUlLtT'.indexOf(nextch) >= 0) { htmltag = true; }
         if (ch == '>' && htmltag) { htmltag = false; }
         if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {      
                           str += '<span id="' + name + '_' + length + '">' + token + '</span>';
            token = '';
            length++;
         }
                }
                setContent(name, str);
                command = 'animateloop(\'' + name + '\', ' + length + ', 0, 1, \'' + col + '\')';
                setTimeout(command , 100);
        }

        function animateloop(name, length, ind, delta, col) {
      var next = ind + delta;
      if (next >= length) { delta = delta * -1; next = ind + delta; }
      if (next < 0) { delta = delta * -1; next = ind + delta; }
                setColor(name + '_' + ind, getColor(name + '_' + next));
                setColor(name + '_' + next, col);
                command = 'animateloop(\'' + name + '\', ' + length + ', ' + next + ', ' + delta + ', \'' + col + '\')';
                setTimeout(command , 100);
        }
</script>

<div ID="animate"><b>VOTRE TEXTE ICI</b></div>

<script language="JavaScript1.2">

/*
Nudging text by Matthias (info@freejavascripts.f2s.com)
Modified by Dynamic Drive to function in NS6
For this script and more, visit http://www.dynamicdrive.com
*/

//configure message
message="Bienvenue chez Sploutch"
//animate text in NS6? (0 will turn it off)
ns6switch=1

var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("votre message est trop court !")
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}}
</script>

</body>

<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>

<script>

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

// blink speed in miliseconds
var rate = 100;

// the three blink colors
var Color1 = "#0000ff"
var Color2 = "#ffffff"
var Color3 = "#ff0000"

// the color if/when turned off (no-blink color)
var ColorX = "#FFFF00"

// set this to true for auto start; else, false
var DoIt = true

// do not edit below this line
// ---------------------------

bV  = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="Microsoft Internet Explorer"
ok = false

var i=0;
function doTriStateRainbowLink(){
   ok =  true
   if ((bNS && bV >= 5) || (bIE && bV >= 4)){
      i++;
      if (i==1) C = Color1
      if (i==2) C = Color2
      if (i==3) C = Color3 
      if (!DoIt) C = ColorX       
      if (bIE) BlinkLink.style.color=C
      if (bNS) document.getElementById('BlinkLink').style.color = C
      if (i > 2) i = 0
      if (DoIt) timer=setTimeout('doTriStateRainbowLink()', rate)
   }     
}


function doOnOff(a){
   if (ok){
      if (a =="off") {DoIt = false}
      if ((a =="on")&&(!DoIt)) {
          DoIt = true
          doTriStateRainbowLink()
      }
   }
}

</script>

</body>

<a name="BlinkLink" id="BlinkLink" href="www.sploutch-land.fr.nf" target="_blank">Venez découvrir sploutch-land</a>