Loupe au passage de la souris

 

<script LANGUAGE="Javascript">
text = "Essayez de passer votre souris ici !"
tailleMax = 50 //taille max des caractères
tailleMin = 10 //taille min des caractères
 
function initEffetLoupe(obj) {
  document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOver=effetLoupe('"+obj+"')><TD>" + text + "</TD></TR></TABLE>"
}
 
function effetLoupe(obj) {
  aff = ""
  increment = (tailleMax-tailleMin)/(text.length/2)
  pos = 0
  taille = tailleMin
 
  for(a=0; a<text.length; a++) {
    lettre = text.charAt(a)
    if (pos+tailleMin >= tailleMax) { increment = -increment }
    pos += increment
    taille = tailleMin + pos
    aff += "<TD><FONT style='font-size:" + taille + "'>"+lettre+"</FONT></TD>"
  }
 
  document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOut=initEffetLoupe('"+obj+"')>" + aff + "</TR></TABLE>"
}
</script>
<DIV ID="txt1" >-</DIV>
<script LANGUAGE="javascript">
  initEffetLoupe("txt1")
</script>