Enregistrez les images suivantes :
ou, copiez là par un click droit/enregistrer sous ...Une fenêtre animée par des étoiles la traversant
Télécharger ici le script et ses composants ( 1,97 Ko )
1 - Copiez et collez entre les balises <head> et </head> :
<script>
<!-- webmaster@gendnetclub.com - www.gendnet.com - septembre/2000 -->
<!-- CONFIGURATION: -->
<!-- Téléchargez ce script et son image -->
<!-- Lisez les commentaires pour vous aidez a trouver ou et comment le faire. -->
<!-- URL de votre image. Attention: les grosses images ralentissent le script! -->
<!-- Ici : var your_ image="votre image.gif" - elle doit se trouver dans le même répertoire que votre page ! -->
var your_image="testimage86.gif"
<!-- vitesse, 40 par défaut -->
var tempo=40
<!-- distance moyenne horizontale entre les images, 20 par défaut -->
var stepx=20
<!-- distance moyenne verticale entre les images, 20 par défaut -->
var stepy=20
<!-- nombres d'images, 12 par défaut -->
var numberofimages=12
<!-- ne rien changer ci-dessous -->
var imgpreload=new Image()
imgpreload.src=your_image
var x,y
var marginbottom
<!-- valeur séparant l'animation du bord gauche de la fenetre -->
var marginleft=0
<!-- valeur séparant l'animation du bord haut de la fenetre -->
var margintop=0
<!-- valeur séparant l'animation du bord droit de la fenetre -->
var marginright
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()
for (i=0; i<=numberofimages;i++) {
xpos[i]=0
ypos[i]=0
}
for (i=0;i<=numberofimages;i++) {
spancontent[i]="<img src='"+your_image+"'>"
}
function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}
function setValues2() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
moveball()
}
}
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}
function makesnake() {
for (i=numberofimages; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// - Fin du JavaScript - -->
</script>
2 - Copiez et collez entre les balises <body> et </body> :
<script language="JavaScript">
<!-- Beginning of JavaScript -
for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
<!-- Fin du script Que d'étoiles -->
</script>
<body id="thisbody" bgcolor="#FFFFFF" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
Enregistrez les images suivantes : ou, copiez là par un click droit/enregistrer sous ...
Sélectionnez l'image et créez un lien vers l'adresse suivante : <img src="http://www.gendnet.com/testimage86.gif" width="20" height="18" alt="testimage86.gif (141 octets)">
© Copyright GendNet 2000 Tout droit de reproduction strictement réservé aux membres de l'association ®