Texte qui suit la souris avec un effet de vent
Soyez le premier à donner votre avis sur cette source.
Snippet vu 26 223 fois - Téléchargée 26 fois
Contenu du snippet
Code à mettre ds le BODY
Source / Exemple :
SCRIPT LANGUAGE="JavaScript">
<!--
var texte='Le texte suit votre souris!' // Le texte de l'animation ( pas de code HTML !! )
var esp=15 // L'espace ne pixel entre chaque caractères
var speed=5 // La vitesse de déplacement
var DeltaX=10 // L'espace horizontal en pixel séparant l'animation de la souris
var DeltaY=-20 // L'espace vertical en pixel séparant l'animation de la souris
var Avant='<Font face=Arial size=3 color="#66ccff"><B>' //Le code Html avec le texte
var Apres='</B></FONT>' //Le code Html après le texte
//Ne pas modifier
var ok=0;var x,y;txt=texte.split("")
var str=texte.length-1;var t=0;
xp= new Array();yp= new Array()
for (i=0;i<str;i++){xp[i]=-50;yp[i]=-50;
if (navigator.appName == "Netscape") {
document.write('<LAYER NAME="ly'+i+'" top=-50>'+Avant+txt[i]
+Apres+'</font></LAYER>');t=1;}else{
document.write('<span ID="ly'+i+'" STYLE="Position:relative; top:-50;">'
+Avant+txt[i]+Apres+'</font></span>');t=0};}
function record(ev){ok=1
if (t){x=ev.pageX+DeltaX; y=ev.pageY+DeltaY}
else {x=event.clientX+DeltaX; y=event.clientY+DeltaY+document.body.scrollTop};}
function anim(){if (ok){
for (a=str;a>0;a--){
xp[a]=xp[a-1]+esp
yp[a]=yp[a-1];}
xp[0]=x+esp;yp[0]=y
if (t){for (a=0;a<str;a++){
with(eval("document.ly"+a)){
left=xp[a];top=yp[a];};};}else{
for (a=0;a<str;a++){
with(eval("document.all.ly"+a+".style")){
posLeft=xp[a];posTop=yp[a];};};};}
setTimeout("anim()",speed);}
if(t) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = record;
anim()
//-->
</script>
A voir également
- Animation qui suit la souris
- Le texte qui suit - Meilleures réponses
- Dans le texte qui suit - Meilleures réponses
- Visual Basic / VB.NET : Sreenmate qui suit la souris - CodeS SourceS - Guide
- C# / .NET : Rectangle qui suit la souris - CodeS SourceS - Guide
- Flash : C est un canard qui a les yeux qui suit sa penser qui suit la souris(vous verez bien !) - C - Guide
- Une planete qui suit la souris et qui a une autre planete qui tourne autour... - Codes sources - Flash (Animations)
- Flash : Un effet de loupe qui suit la souris - CodeS SourceS - Guide
(11 à 32% rien que pour Firefox et dans toute l'Europe. Source Xixi http://www.xitimonitor.com/etudes/equipement12.asp).
Celà dit le script a l'air sympa ; je testerai quand j'aurai IE sous la main !
ca marche bien sous IE
a +
Firefox 1.5 : néant :(
Opera 8.51 : excellent :)
Aurait pu corriger les 2 petits oublis indiqués par crazykatz, mais bon, ça montre l'intéret des commentaires sous les scripts ;)
Magalice : essaie avec un autre navigateur ou ordinateur pour voir si le décallage se reproduit. (he he mieux vaut tard que jamais, non ?)
Note : 6/10 (passerait à 9 si était compatible FF)
Merci de m'aider
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.