Texte en rotation autour du pointeur

0/5 (2 avis)

Snippet vu 7 499 fois - Téléchargée 31 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
9 mars 2005 à 12:39
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
7 déc. 2003 à 15:17
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.