Vous êtes perdu sur le forum ? Notre page d'accueil est là pour vous guider avec son menu rapide vers les principaux forums !
Vous ne vous souvenez plus d'une règle pour les clashs ou pour les commandes ? Notre page réunissant <a href="http://angels-design.forumactif.com/Les-regles-d-Angels-Design-h1.htm">toutes les règles du forum</a> est là pour vous aider !
Angels Design
Il est un lieu, perdu parmi les flots, une merveilleuse antre aux couleurs chatoyantes et aux colonnes indéfectibles... Angels Design. Il vous offre à vous, aventuriers, de multiples services à travers la maîtrise de l'art ancestral : le graphisme. Quelque soit votre dessein, les esprits créateurs et leurs disciples se dévoueront corps et âme pour qu'ensemble, l'impossible devienne possible. Angels Design est un forum d'entraide ouvert depuis quelques années. Notre but ? Accompagner nos membres dans la création de leur projet, proposer nos services de graphisme et bien plus encore... le tout, dans la bonne humeur et le partage !
Le forumCommandes graphiquestutos & ressourcesGaleries & WIPCoin PerduArchivesChatBox
Informations
# Le nouveau design d'Angels Design est terminé...

# N'hésitez pas à participer à la relance du forum...



 

Partagez | 
 

 Horloge au bout du pointeur (et lien vers site de scripts!)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Ange assidu
Nombre de messages : 145
Logiciel : Féminin;11ans
Réputation : 0
Points : 0
Date d'inscription : 05/06/2005
avatar
maryline
Code:
<script language="JavaScript">
dCol='FF6600';//date colour.
fCol='000000';//face colour.
sCol='009933';//seconds colour.
mCol='FF0000';//minutes colour.
hCol='0000FF';//hours colour.
ClockHeight=200;
ClockWidth=200;
ClockFromMouseY=-10;
ClockFromMouseX=-30;
//Alter nothing below! Alignments will be lost!
d=new Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI");
m=new Array("JANVIER","FEVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900; TodaysDate=" *** "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1/13 . . . . 2/14 . . . . 3/15 . . . . 4/16 . . . . 5/17 . . . . 6/18 . . . . 7/19 . . . . 8/20 . . . . 9/21 . . . . 10/22 . . . . 11/23 . . . . 12/24 . . . .';
font='Arial';
size=3;
size2=5;
speed=0.8;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length; a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size2+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-25;
HandX=7;
scrll=0;
step=0.02;
currStep=0;

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}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=6 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=9 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');

document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');

document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:5px;height:5px;font-family:Arial;font-size:40px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');

document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:5px;height:5px;font-family:Arial;font-size:40px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');

document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:5px;height:5px;font-family:Arial;font-size:40px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');

document.write('</div></div>')
}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}

function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (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);
}

ClockAndAssign();
setTimeout('Delay()',20);
}

if (ns||ie)window.onload=Delay;
</script>

http://www.editeurjavascript.com/


Bien a toi,
Maryline.
Revenir en haut Aller en bas
http://www.e-monsite.com/marylinedu67/
 
Horloge au bout du pointeur (et lien vers site de scripts!)
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» lien vers page php
» Comment faire un lien vers une autre page du site ?
» Comment faire un lien vers un autre site?
» Lien vers hébergeur en bas de page
» Gros probleme de lien vers la pub!!!

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Tutoriels et Ressources :: Tutoriels :: Programmation web-