Une infobulle lettre par lettre sur un lien

 

 

Voir la démonstration ici  Gendnet.  

 Télécharger le script ici : ( 1,72 Ko )

  1 - Copiez avant la balise </head> de votre page HTML :

<SCRIPT>
<!--
function highlight(x){
document.form.elements[x].focus();
document.form.elements[x].select();
}
//-->
</SCRIPT>

<script>
<!--

// La largeur de l'infobulle.
var tickerwidth=110
// La hauteur de l'infobulle.
var tickerheight=75
// La distance entre le bord et le texte.
var tickerpadding=5
// La largeur du bord.
var borderwidth=1
// La police de caractères.
var fnt="Arial"
// La taille du caractère.
var fntsize=8
// La taille du dernier caractère .
var fntsizelastletter=8
// La couleur des caractères.
var fntcolor="008800"
// La couleur du dernier caractère.
var fntcolorlastletter="00AA00"
// La graisse du dernier caractère de 1 r 9 (gras).
var fntweight=1
// La couleur d'arrière-plan de l'infobulle.
var backgroundcolor="CCFFCC"
// Le temps de pause entre les messages.
var standstill=2000
// La vitesse (plus = moins vite).
var speed=40
// La distance horizontale entre le lien et l'infobulle.
var xdistance=50
// La distance verticale entre le lien et l'infobulle.
var ydistance=20

///////////////////////////////////////////////
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100

function getmessagebackground() {
 messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
 messagebackground+="&nbsp;</td></tr></table>"
}

function getmessagecontent() {
 messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
 messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"