Franc83


Texte Mitraillette Convertir en PDF Version imprimable
17-07-2008

Effets de textes javascript



Texte Mitraillette volant



Exemple :



Voir le texte mitraillette

Les codes javascript à insérer :



Le code qui exécute la fontcion à placer à l'endroit ou l'on veut voir le texte mitraillette :




<h2><span id="fly"></span></h2>
<script>
window.onerror=new Function("return true")
message = "Bienvenue sur Aide et Astuces Weblog"
distance = 400
speed = 60
if (!document.all)
document.write('<h2>'+message+'</h2>')
</script>


Le code javascript à placer ensuite :




<script language="JavaScript1.2">
txt="";num=0;num4=0;flyofle="";flyofwi="";flyofto=""
function stfly(){for(i=0;i != message.length;i++){if(message.charAt(i)
!= "$"){txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"
+message.charAt(i)+"<\/span>"};else{txt=txt+"<br>"}
};fly.innerHTML=txt;txt="";flyofle=fly.offsetLeft;flyofw
i=fly.offsetWidth;flyofto=fly.offsetTop;fly2b()}
function fly2b(){if(num4 != message.length){if(message.charAt(num4)
!= "$"){eval("n"+num4+".style.left=flyofle-n"+num4+"
.offsetLeft+flyofwi/2");eval("n"+num4+".style.top=flyofto-n"+num4+"
.offsetTop+distance");eval("fly3('n"+num4+"',eval(n"+num4+"
.style.left.substring(0,n"+num4+".style.left.length-2)),(eval(n"+num4+"
.style.left.substring(0,n"+num4+".style.left.length-2))/5),eval(n"+num4+"
.style.top.substring(0,n"+num4+".style.top.length-2)),(eval(n"+num4+"
.style.top.substring(0,n"+num4+".style.top.length-2))/5))")};
num4++;setTimeout("fly2b()",speed)}}
function fly3(target,lef2,num2,top2,num3){if((Math.floor(top2)
!= 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 &&
Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) != '-')
{lef2=lef2-num2};else{lef2=lef2+(-num2)};if(Math.floor(lef2) != -1)
{eval(target+".style.visibility='visible';"+target+".style.left=
Math.floor(lef2)")};else{eval(target+".style.visibility='visible';"+target+"
.style.left=Math.floor(lef2+1)")};if(eval("'"+lef2+"'").charAt(0) != '-')
{top2=top2-num3};else{top2=top2+(-num3)};if(Math.floor(top2) != -1)
{eval(target+".style.top=Math.floor(top2)")};else{eval(target+".
style.top=Math.floor(top2+1)")};setTimeout("fly3('"+target+"',"
+lef2+","+num2+","+top2+","+num3+")",50)}}; stfly()
</script>


Des réglages... :

Vous pouvez modifier :

- distance = 400 La distance qui sépare le départ des lettres à la base de ligne de la phrase finale.

- speed = 60 La vitesse du "tir" et de déplacement des lettres.



(sources : © HIWIT tous droits réservés )



Dans le même esprit



Citez cet article

  Commenter cet article

Commenter
  • Les messages comportant des attaques verbales contre les personnes seront supprimés.
  • Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur.
  • Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:Web AddressEmail AddressBold TextItalic TextUnderlined TextQuoteCodeOpen ListList ItemClose List
Commentaire



Code:* Code
Je désire être prévenu par mail des commentaires qui suivront

Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved

 
< Précédent   Suivant >

Liens amis

Compteur.org

e-dilik.fr

NetFox2.net

IgloOps.fr

Infostuces

Mixx Radio Gold

Mobile Astuces

-------------

Votre site ici

Notre logo

Aide et astuces pour  blogs

Cliquez droit dans la zone où se trouve le code html et "copier"


Nos autres Logos...

S'abonner

devenir amis sur facebook

Votre adresse email ici pour recevoir les nouveautés du site directement dans votre boite

Nos Gadgets

Installez nos gadgets

gratuits Live Spaces

albi-gadget.jpg

Albidochon

oeil2moscou.jpg

Oeil 2 Moscou

Aidez-nous

aidez-nous

Recommandez ce
site à un ami

Statistiques

Generated in 0.44177 Seconds