Etoile qui suit la souris
3 participants
BiENVENUE SUR DREAM-CREA :: DREAM-GRAPH :: RESSOURCES :: CSS
Page 1 sur 1
Etoile qui suit la souris
CSS à mettre dans "HTML" de votre page "généralité/acceuil"
La couleur se change direct au dessus (remplacer: var colour="#f0f" par var colour="FFF" pour avoir blanc
La couleur se change direct au dessus (remplacer: var colour="#f0f" par var colour="FFF" pour avoir blanc
- Code:
<script type="text/javascript">
// <![CDATA[
var colour="#f0f";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
* topcode adapté *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Dernière édition par lilie le Lun 13 Avr - 21:58, édité 1 fois
lilie- Messages : 57
Date d'inscription : 13/04/2009
Age : 34
Localisation : Liège
Re: Etoile qui suit la souris
Derien, j'ai modifier, il faut mettre dans le HTML pas les CSS du forum ^^ me suis trompée un petit peu mais s'est réparé.
lilie- Messages : 57
Date d'inscription : 13/04/2009
Age : 34
Localisation : Liège
Re: Etoile qui suit la souris
Tu va sur le trucs pour faire la page d'acceuil
et ou tu ecris tu le met en htlm et tu le copie en dessous et tu enregistre
et ou tu ecris tu le met en htlm et tu le copie en dessous et tu enregistre
Re: Etoile qui suit la souris
Ca me met les écritures >__<
Bon tant pis j'abandonne merci quand même^^
Bon tant pis j'abandonne merci quand même^^
Re: Etoile qui suit la souris
tu dois avoir:
lilie- Messages : 57
Date d'inscription : 13/04/2009
Age : 34
Localisation : Liège
Re: Etoile qui suit la souris
C'est ce que j'ai fais pourtant.
(La fille pas douée je sais xD).
Y a pas quelque chose à changer dans le code par hasard ? xD
(La fille pas douée je sais xD).
Y a pas quelque chose à changer dans le code par hasard ? xD
Re: Etoile qui suit la souris
Non, tout est normal...
Mais non, moi aussi je suis passé par la, regarde, y'a pas une heure que j'ai noté une bétise ^^..
Mais non, moi aussi je suis passé par la, regarde, y'a pas une heure que j'ai noté une bétise ^^..
lilie- Messages : 57
Date d'inscription : 13/04/2009
Age : 34
Localisation : Liège
Re: Etoile qui suit la souris
Ba c'est ce que j'ai fait pourtant;
et tout le texte se marque sur la page d'accueil..
et tout le texte se marque sur la page d'accueil..
Re: Etoile qui suit la souris
Ah c'est bon; c'est parce que j'avais activé le HTML et en fait fallait pas^^.
Merciii =D
Merciii =D
lilie- Messages : 57
Date d'inscription : 13/04/2009
Age : 34
Localisation : Liège
BiENVENUE SUR DREAM-CREA :: DREAM-GRAPH :: RESSOURCES :: CSS
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|