-
<script type="text/javascript">// <![CDATA[ var second_hand_colour="#9900CC"; // colour of second hand var minute_hand_colour="#0099FF"; // colour of minute hand var hour_hand_colour="#66FF33"; // colour of hour hand var facia_colour="#"; // colour of facia (i.e. numbers) var face_colour=""; // colour of face (can be set to "transparent"); var xoffset=60; // horizontal distance from centre of clock to cursor var yoffset=60; // vertical distance from centre of clock to cursor var size=120; // pixels high/wide /**************************** * Analogue Clock Effect * * (c)2006 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var facia=String.fromCharCode(9660)+" 1 2 "+String.fromCharCode(9668)+" 4 5 "+String.fromCharCode(9650)+" 7 8 "+String.fromCharCode(9658)+" 10 11"; // characters to use for face, starting at '12' position var clok; var newx=xmo=400; var newy=ymo=300; window.onload=function() { if (document.getElementById) { var i, j, k; clok=document.createElement("div"); clok.style.position="absolute"; if (face_colour!="transparent") for (i=0; i<size; i++) { j=createDiv(false, face_colour); if (document.all) j.style.filter="Alpha(Opacity=50)"; else j.style.opacity=0.5; k=size*Math.sqrt(i/size-Math.pow(i/size, 2)); j.style.left=size/2-k+"px"; j.style.top=i+"px"; j.style.height="1px"; j.style.width=k*2+"px"; clok.appendChild(j); } for (i=1; i<size/4; i++) { j=createDiv("sec"+i, second_hand_colour); j.style.height="2px"; j.style.width="2px"; clok.appendChild(j); } for (i=1; i<size/4; i++) { j=createDiv("min"+i, minute_hand_colour); j.style.height="3px"; j.style.width="3px"; clok.appendChild(j); } for (i=0; i<size/6; i++) { j=createDiv("hour"+i, hour_hand_colour); j.style.height="4px"; j.style.width="4px"; if (!i) j.style.top=j.style.left=size/2-2+"px"; clok.appendChild(j); } facia=facia.split(" "); for (i=0; i<12; i++) { j=createDiv(false, "transparent"); j.style.color=facia_colour; j.style.font="bold 10pt monospace"; j.style.overflow="visible"; j.appendChild(document.createTextNode(facia[i])); j.style.top=size/2-7-size/2*Math.cos(i*Math.PI/6)+"px"; j.style.left=size/2-5+size/2*Math.sin(i*Math.PI/6)+"px"; clok.appendChild(j); } document.body.appendChild(clok); tick(); tock(); }} function tick() { var i, j; var now=new Date(); var sec=(now.getSeconds()+(now.getMilliseconds()%1000)/1000)*Math.PI/30; for (i=1; i<size/4; i++) { j=document.getElementById("sec"+i).style; j.left=size/2+2*i*Math.sin(sec)-1+"px"; j.top=size/2-2*i*Math.cos(sec)-1+"px"; } xmo+=Math.floor((newx-xmo)/4); clok.style.left=xmo+"px"; ymo+=Math.floor((newy-ymo)/4); clok.style.top=ymo+"px"; setTimeout("tick()", 40); } function tock() { var i, j; var now=new Date(); var min=(now.getMinutes()+now.getSeconds()/60)*Math.PI/30; var hrs=(now.getHours()+now.getMinutes()/60)*Math.PI/6 for (i=1; i<size/4; i++) { j=document.getElementById("min"+i).style; j.left=size/2+2*i*Math.sin(min)-1.5+"px"; j.top=size/2-2*i*Math.cos(min)-1.5+"px"; } for (i=1; i<size/6; i++) { j=document.getElementById("hour"+i).style; j.left=size/2+2*i*Math.sin(hrs)-2+"px"; j.top=size/2-2*i*Math.cos(hrs)-2+"px"; } setTimeout("tock()", 999); } document.onmousemove=mouse; function mouse(e) { newy=yoffset-size/2+((e)?e.pageY:event.y+scro()); newx=xoffset-size/2+((e)?e.pageX:event.x); } function scro() { var scro=0; if (document.body.scrollTop) scro=document.body.scrollTop; else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop; return (scro); } function createDiv(id, bg) { var div=document.createElement("div"); div.style.position="absolute"; div.style.overflow="hidden"; div.style.backgroundColor=bg; if (id) div.setAttribute("id", id); return (div); } // ]]></script>
Horloge qui suit votre souris, voivi le code.
Le signe # est à remplacer par le code couleur de votre envie.
Le tableau des code couleurs se trouve à cette adresse:
http://meumeu33.kazeo.com/Code-Couleurs,a636042.html
<script type="text/javascript">
// <![CDATA[
var second_hand_colour="#"; // colour of second hand
var minute_hand_colour="#"; // colour of minute hand
var hour_hand_colour="#"; // colour of hour hand
var facia_colour="#"; // colour of facia (i.e. numbers)
var face_colour=""; // colour of face (can be set to "transparent");
var xoffset=60; // horizontal distance from centre of clock to cursor
var yoffset=60; // vertical distance from centre of clock to cursor
var size=120; // pixels high/wide
/****************************
* Analogue Clock Effect *
* (c)2006 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var facia=String.fromCharCode(9660)+" 1 2 "+String.fromCharCode(9668)+" 4 5 "+String.fromCharCode(9650)+" 7 8 "+String.fromCharCode(9658)+" 10 11"; // characters to use for face, starting at '12' position
var clok;
var newx=xmo=400;
var newy=ymo=300;
window.onload=function() { if (document.getElementById) {
var i, j, k;
clok=document.createElement("div");
clok.style.position="absolute";
if (face_colour!="transparent") for (i=0; i<size; i++) {
j=createDiv(false, face_colour);
if (document.all) j.style.filter="Alpha(Opacity=50)";
else j.style.opacity=0.5;
k=size*Math.sqrt(i/size-Math.pow(i/size, 2));
j.style.left=size/2-k+"px";
j.style.top=i+"px";
j.style.height="1px";
j.style.width=k*2+"px";
clok.appendChild(j);
}
for (i=1; i<size/4; i++) {
j=createDiv("sec"+i, second_hand_colour);
j.style.height="2px";
j.style.width="2px";
clok.appendChild(j);
}
for (i=1; i<size/4; i++) {
j=createDiv("min"+i, minute_hand_colour);
j.style.height="3px";
j.style.width="3px";
clok.appendChild(j);
}
for (i=0; i<size/6; i++) {
j=createDiv("hour"+i, hour_hand_colour);
j.style.height="4px";
j.style.width="4px";
if (!i) j.style.top=j.style.left=size/2-2+"px";
clok.appendChild(j);
}
facia=facia.split(" ");
for (i=0; i<12; i++) {
j=createDiv(false, "transparent");
j.style.color=facia_colour;
j.style.font="bold 10pt monospace";
j.style.overflow="visible";
j.appendChild(document.createTextNode(facia[i]));
j.style.top=size/2-7-size/2*Math.cos(i*Math.PI/6)+"px";
j.style.left=size/2-5+size/2*Math.sin(i*Math.PI/6)+"px";
clok.appendChild(j);
}
document.body.appendChild(clok);
tick();
tock();
}}
function tick() {
var i, j;
var now=new Date();
var sec=(now.getSeconds()+(now.getMilliseconds()%1000)/1000)*Math.PI/30;
for (i=1; i<size/4; i++) {
j=document.getElementById("sec"+i).style;
j.left=size/2+2*i*Math.sin(sec)-1+"px";
j.top=size/2-2*i*Math.cos(sec)-1+"px";
}
xmo+=Math.floor((newx-xmo)/4);
clok.style.left=xmo+"px";
ymo+=Math.floor((newy-ymo)/4);
clok.style.top=ymo+"px";
setTimeout("tick()", 40);
}
function tock() {
var i, j;
var now=new Date();
var min=(now.getMinutes()+now.getSeconds()/60)*Math.PI/30;
var hrs=(now.getHours()+now.getMinutes()/60)*Math.PI/6
for (i=1; i<size/4; i++) {
j=document.getElementById("min"+i).style;
j.left=size/2+2*i*Math.sin(min)-1.5+"px";
j.top=size/2-2*i*Math.cos(min)-1.5+"px";
}
for (i=1; i<size/6; i++) {
j=document.getElementById("hour"+i).style;
j.left=size/2+2*i*Math.sin(hrs)-2+"px";
j.top=size/2-2*i*Math.cos(hrs)-2+"px";
}
setTimeout("tock()", 999);
}
document.onmousemove=mouse;
function mouse(e) {
newy=yoffset-size/2+((e)?e.pageY:event.y+scro());
newx=xoffset-size/2+((e)?e.pageX:event.x);
}
function scro() {
var scro=0;
if (document.body.scrollTop) scro=document.body.scrollTop;
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
return (scro);
}
function createDiv(id, bg) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.overflow="hidden";
div.style.backgroundColor=bg;
if (id) div.setAttribute("id", id);
return (div);
}
// ]]>
</script>
1 commentaire -
-
Une pure merveille, une prouesse vocale, rien de comparable, c'est à voir et à apprécier
votre commentaire -
Venez voter pour moi suite au jeu concours de Noldors, "Les Ombrs Chinoises".
Avec vos votes, je peux finir sur le podium, alors cliquez sur les liens suivants.
votre commentaire -
Voici les clichés de nos enfants stars, lorsqu'ils étaient tout jeune. Le nom des gagnants avec leurs lots sera donné en fin de cette article
Melissa GILBERT dans le rôle de Laura Ingalls
Alissa MILANO dans le rôle de Samantha MICELLI
Candace Helaine CAMERON dans le rôle de TJ TANNER
Soleil MOON FRYE dans le rôle de Punky BRUSTER
Keshia Knight Pulliam dans le rôle de rudy HUXTABLE
Jodie Leanne SWEETIN le rôle de Stéphanie TANNER
Danny PINTAURO dans le rôle de Jonathan BAUER
Ron HOWARD dans le rôle de Richie CUNNIGHAM
Raven SIMONE
Alison Arngrim dans le rôle Nelly OLSON
Les gagnants de ce concours sont trois à égalité :
Vous avez toutes les trois gagné 5 com's sur votre livre d'or.Je tiens à vous remercier pour votre participationEt BRAVO aux gagnantes
1 commentaire