begin process at 2012 05 28 11:29:33
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > TEXTE EN ROTATION AUTOUR DU POINTEUR

TEXTE EN ROTATION AUTOUR DU POINTEUR


 Information sur la source

Note :
8 / 10 - par 3 personnes
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :06/12/2003 Date de mise à jour :11/12/2003 02:21:09 Vu :6 320

Auteur : Bitter1

Ecrire un message privé
Site perso
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

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

Source

  • <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>
<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>



 Sources du même auteur

DES MOTS QUI JONGLENT AVEC LE POINTEUR...
ON BRASSE LES LETTRES, ET UN MESSAGE DU BIENVENUE S'AFFICHE....
DES LETTRES EN VRAC QUI FINISSENT PAR FAIRE UN MESSAGE...
LIENS SOUS FORME DE MESSAGE SE PROMÈNE DE FAÇON ALÉATOIRE......
TEXTE DÉFILANT DANS PETIT TABLEAU PLUTÔT QUE DANS LA BARRE D...

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Commentaire de kurtweb le 07/12/2003 15:17:26

tres sympa. Mais dommage qu'il ne marche pas sous Safari (Mac)

Commentaire de loutre74 le 09/03/2005 12:39:57

Excellent super effet, mais c est dommage qu il ne marche pas sous mozilla firefox, allez un petit 8/10

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,732 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales