De thedeviltogta - le 19-01-2005 Hello ! script nikel !! Je le trouve très bien et assez discret, même si parfois avoir l'heure ne peut servir a rien car on la en bas a droite avec windows ;) sinon super, je vous le conseil car je l'ai moi même installé ! | De Hermikel - le 23-07-2005 Joli Script :)
Mais je suis pas sur de l'utiliser car en effet suffit de regarder en bas à droite pour voir lheure ;) :) | De xxx-sa-xxx - le 16-01-2006 moi je sui ac firefox et je le voi pa est ce normal? | De Rem44 - le 17-02-2006 xxx-a-xxx c'est écrit en haut:
Mozilla FireFox : Incompatible ;) | De Douk - le 09-03-2007 Dommage que ce soit incompatible avec Firefox :s | De dj-jason - le 05-09-2007 Slt c'est cool mis ou je peux mettre ce code avec ce logiciels pour mon site : LMSOFT Web Creator 4
Meri d'avance | De coolabdou - le 16-03-2009 wé c vraiement cool | De scorpio63000 - le 18-04-2009 Voici quelque chose pour firefox que je vien de faire
pour l'horloge faut l'ajouté le calcule sinus cosinus n'est pas bon, faut décalé de x Pi
<style type="text/css" media="all">
body{
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif
}
.date {
position:absolute;
z-index:999;
margin:20px 0 0 20px;
background-color:transparent;
width:160px;
height:160px;
}
.date span{
position:absolute;
font-size:10px;
font-weight:bold;
color:#f0f0f0;
}
</style>
<script type="text/javascript">
// <![CDATA[
if (window.addEventListener){
window.addEventListener("load", addOnLoad, true);
} else if (window.attachEvent) {
window.attachEvent("onload", addOnLoad);
}
var el = null;
var time = [];
function addOnLoad(){
el = document.createElement('div');
el.className = 'date';
document.body.appendChild(el);
rot = document.createElement('div');
el.appendChild(rot);
for(var i = 1; i <= 12; i++){
var a = -(((i / 6) * Math.PI) + (Math.PI * 3));
var span = document.createElement('span');
span.innerHTML = i;
span.style.top = 75 + (40 * Math.cos(a)) + 'px';
span.style.left = 75 + (40 * Math.sin(a)) + 'px';
el.appendChild(span);
}
for(var i = 0; i < 3; i++){
time[i] = [];
for(var j = 0; j < (i + 3); j++){
var span = document.createElement('span');
span.innerHTML = '.';
el.appendChild(span);
time[i].push(span);
}
}
document.onmousemove = moveDate;
window.setInterval(showDate, 1000);
}
function showDate(){
var date = new Date();
var c = [];
c.push(-((date.getHours() * .5) / 12) * (Math.PI * 2));
c.push((date.getMinutes() / 60) * (Math.PI * 2));
c.push(-(date.getSeconds() / 60) * (Math.PI * 2));
for(var i = 0; i < 3; i++){
for(var j = 0; j < time[i].length; j++){
time[i][j].style.top = 75 + ((j * 7) * Math.cos(c[i])) + 'px';
time[i][j].style.left = 75 + ((j * 7) * Math.sin(c[i])) + 'px';
}
}
var str = date.toLocaleDateString();
rot.innerHTML = '';
for(var i = 0; i < str.length; i++){
var b = (i / str.length) * (Math.PI * 2) + ((date.getSeconds() / 60) * Math.PI);
var l = str.slice(i, i + 1);
var span = document.createElement('span');
span.innerHTML = l;
span.style.left = 75 + 60 * Math.cos(b) + 'px';
span.style.top = 75 + 60 * Math.sin(b) + 'px';
rot.appendChild(span);
}
}
function moveDate(e){
var x = null;
var y = null;
if(e){
x = e.clientX;
y = e.clientY;
}else if(event){
x = event.x;
y = event.y;
}
el.style.left = x + 'px';
el.style.top = y + 'px';
}
// ]]>
</script>
|
|
| De mamyrasta - le 20-10-2011 comment mettre l'horloge au bout du curseur?
Merci | De mamyrasta - le 29-01-2012 comment la mettre sur mon ordi
merci |