Texte en rotation autour du pointeur

Soyez le premier à donner votre avis sur cette source.

Snippet vu 7 233 fois - Téléchargée 29 fois

Contenu du snippet

Un petit texte qui fait une rotation autour du pointeur....

Source / Exemple :


<SCRIPT LANGUAGE="JavaScript">
<!-- 
var msg='Bienvenue sur ma page'; //  maximum 14 caracteres
var font='Arial'; 
var size=2; 
var color='yellow'; 
var speed=.2; 
var rotation=.2; 

var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length; 
var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
if (ie){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; 
xmouse = (ns)?evnt.pageX+20:event.x-20; 
}
if (ns||ie)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
function makecircle(){ 
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
for (i=0; i < n; i++){ 
var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2; 
}
}
function drag(){ 
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
setTimeout('drag()',10);
}
if (ns||ie)window.onload=drag;
 -->
</SCRIPT>
<body bgcolor="#000000"></body>

A voir également

Ajouter un commentaire

Commentaires

loutre74
Messages postés
5
Date d'inscription
samedi 26 février 2005
Statut
Membre
Dernière intervention
10 mars 2005
-
Excellent super effet, mais c est dommage qu il ne marche pas sous mozilla firefox, allez un petit 8/10
kurtweb
Messages postés
12
Date d'inscription
lundi 27 octobre 2003
Statut
Membre
Dernière intervention
6 février 2005
-
tres sympa. Mais dommage qu'il ne marche pas sous Safari (Mac)

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.