begin process at 2012 02 14 07:50:32
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs Amusants

 > ROLLOVER SUR DU TEXTE (AVEC EFFET DE LOUPE)

ROLLOVER SUR DU TEXTE (AVEC EFFET DE LOUPE)


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs Amusants Niveau :Initié Date de création :18/06/2003 Date de mise à jour :24/06/2003 22:28:22 Vu :17 834

Auteur : jerms

Ecrire un message privé
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 ;)


 Sources du même auteur

CALCUL DU NUMÉRO DE LA SEMAINE
Source avec Zip ALBUM PHOTOS EN JAVASCRIPT
SUPPRIMER LA FRAME DE PUB ET LES POPUPS CHEZ IFRANCE
HORLOGE DÉCADÉCIMALE
Source avec une capture UNE DEMI-HORLOGE À AIGUILLES ENTIÈREMENT PARAMETRABLE

 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol

Commentaires et avis

Commentaire de bob3000 le 18/06/2003 18:53:42

pas mal, bravo

Commentaire de jerms le 18/06/2003 22:41:34

merci ;)

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

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,139 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales