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 | |
|
Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved