Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

ROLLOVER SUR DU TEXTE (AVEC EFFET DE LOUPE)


Information sur la source

Catégorie :Trucs Amusants Niveau : Initié Date de création : 18/06/2003 Date de mise à jour : 24/06/2003 22:28:22 Vu : 11 878

Note :
6,75 / 10 - par 4 personnes
6,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note

Description

Sur le meme principe que les vagues, mais la c'est uniquement en passant la souris sur le texte, qu'il grossit au centre.
 

Source

  • <script LANGUAGE="JavaScript">
  • text = "Hello world Hello world Hello world Hello world"
  • 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>
<script LANGUAGE="JavaScript">
text = "Hello world Hello world Hello world Hello world"
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>
 

Conclusion

Remarques, questions, améliorations n'hesitez pas ;)
 

Commentaires et avis

signaler à un administrateur
Commentaire de bob3000 le 18/06/2003 18:53:42

pas mal, bravo

signaler à un administrateur
Commentaire de jerms le 18/06/2003 22:41:34

merci ;)

signaler à un administrateur
Commentaire de a_z_e le 09/04/2007 14:01:26

perso je le trouve pourrit !! 0/20 mon pote

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,250 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.