begin process at 2012 05 28 10:45:37
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > INTRO

INTRO


 Information sur la source

Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Niveau :Débutant Date de création :26/01/2004 Date de mise à jour :30/01/2004 10:29:48 Vu :10 252

Auteur : omallet16

Ecrire un message privé
Site perso
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note

 Description

script concernant un pitite intro sympa !

Source

  • voici le code :
  • dans la partie <head> </head>
  • <STYLE>
  • /* MODIFIEZ ICI LES PROPRIETES DE L'INTRODUCTION ! */
  • .intro {BACKGROUND-COLOR:navy;LEFT:0px;POSITION:absolute;TOP:0px}
  • </STYLE>
  • dans la partie <body></body>
  • <center>
  • <DIV class=intro id=p1></DIV>
  • <DIV class=intro id=p2></DIV>
  • <DIV class=intro id=p3></DIV>
  • <DIV class=intro id=p4></DIV>
  • <DIV class=intro id=p5></DIV>
  • <DIV class=intro id=p6></DIV>
  • <DIV class=intro id=p7></DIV>
  • <DIV class=intro id=p8></DIV>
  • <DIV class=intro id=p9></DIV>
  • <DIV class=intro id=p10></DIV>
  • <DIV class=intro id=p11></DIV>
  • <DIV class=intro id=p12></DIV>
  • <DIV class=intro id=p13></DIV>
  • <DIV class=intro id=p14></DIV>
  • <DIV class=intro id=p15></DIV>
  • <DIV class=intro id=p16></DIV>
  • <DIV class=intro id=p17></DIV>
  • <DIV class=intro id=p18></DIV>
  • <DIV class=intro id=p19></DIV>
  • <DIV class=intro id=p20></DIV>
  • <DIV class=intro id=p21></DIV>
  • <DIV class=intro id=p22></DIV>
  • <DIV class=intro id=p23></DIV>
  • <DIV class=intro id=p24></DIV>
  • <DIV class=intro id=p25></DIV>
  • <SCRIPT>
  • var espeed=75 // VITESSE DE DISPARITION DES MORCEAUX
  • var counter=1
  • var temp=new Array()
  • var temp2=new Array()
  • if (document.layers){
  • for (i=1;i<=25;i++){
  • temp[i]=eval("document.p"+i+".clip")
  • temp2[i]=eval("document.p"+i)
  • temp[i].width=window.innerWidth/5
  • temp[i].height=window.innerHeight/5
  • }
  • for (i=1;i<=5;i++)
  • temp2[i].left=(i-1)*temp[i].width
  • for (i=6;i<=10;i++){
  • temp2[i].left=(i-6)*temp[i].width
  • temp2[i].top=temp[i].height
  • }
  • for (i=11;i<=15;i++){
  • temp2[i].left=(i-11)*temp[i].width
  • temp2[i].top=2*temp[i].height
  • }
  • for (i=16;i<=20;i++){
  • temp2[i].left=(i-16)*temp[i].width
  • temp2[i].top=3*temp[i].height
  • }
  • for (i=21;i<=25;i++){
  • temp2[i].left=(i-21)*temp[i].width
  • temp2[i].top=4*temp[i].height
  • }}
  • function erasecontainerns(){
  • window.scrollTo(0,0)
  • var whichcontainer=Math.round(Math.random()*25)
  • if (whichcontainer==0)
  • whichcontainer=1
  • if (temp2[whichcontainer].visibility!="hide")
  • temp2[whichcontainer].visibility="hide"
  • else{
  • while (temp2[whichcontainer].visibility=="hide"){
  • whichcontainer=Math.round(Math.random()*25)
  • if (whichcontainer==0)
  • whichcontainer=1
  • }
  • temp2[whichcontainer].visibility="hide"
  • }
  • if (counter==25)
  • clearInterval(beginerase)
  • counter++
  • espeed-=10
  • }
  • if (document.all){
  • var containerwidth=parseInt(document.body.clientWidth/5)
  • var containerheight=parseInt(document.body.offsetHeight/5)
  • for (i=1;i<=25;i++){
  • temp[i]=eval("document.all.p"+i+".style")
  • temp[i].width=containerwidth
  • temp[i].height=containerheight
  • }
  • for (i=1;i<=5;i++)
  • temp[i].left=(i-1)*containerwidth
  • for (i=6;i<=10;i++){
  • temp[i].left=(i-6)*containerwidth
  • temp[i].top=containerheight
  • }
  • for (i=11;i<=15;i++){
  • temp[i].left=(i-11)*containerwidth
  • temp[i].top=2*containerheight
  • }
  • for (i=16;i<=20;i++){
  • temp[i].left=(i-16)*containerwidth
  • temp[i].top=3*containerheight
  • }
  • for (i=21;i<=25;i++){
  • temp[i].left=(i-21)*containerwidth
  • temp[i].top=4*containerheight
  • }}
  • function erasecontainerie(){
  • var whichcontainer=Math.round(Math.random()*25)
  • if (whichcontainer==0)
  • whichcontainer=1
  • if (temp[whichcontainer].visibility!="hidden")
  • temp[whichcontainer].visibility="hidden"
  • else{
  • while (temp[whichcontainer].visibility=="hidden"){
  • whichcontainer=Math.round(Math.random()*25)
  • if (whichcontainer==0)
  • whichcontainer=1
  • }
  • temp[whichcontainer].visibility="hidden"
  • }
  • if (counter==25){
  • clearInterval(beginerase)
  • clearInterval(keeptop)
  • }
  • counter++
  • espeed-=10
  • }
  • if (document.layers)
  • beginerase=setInterval("erasecontainerns()",espeed)
  • else if (document.all){
  • beginerase=setInterval("erasecontainerie()",espeed)
  • keeptop=setInterval("window.scrollTo(0.0)",100)
  • }
  • </SCRIPT>
voici le code :
dans la partie <head> </head>
<STYLE>
/* MODIFIEZ ICI LES PROPRIETES DE L'INTRODUCTION ! */
.intro {BACKGROUND-COLOR:navy;LEFT:0px;POSITION:absolute;TOP:0px}
</STYLE>



dans la partie <body></body>

<center>

<DIV class=intro id=p1></DIV>
<DIV class=intro id=p2></DIV>
<DIV class=intro id=p3></DIV>
<DIV class=intro id=p4></DIV>
<DIV class=intro id=p5></DIV>
<DIV class=intro id=p6></DIV>
<DIV class=intro id=p7></DIV>
<DIV class=intro id=p8></DIV>
<DIV class=intro id=p9></DIV>
<DIV class=intro id=p10></DIV>
<DIV class=intro id=p11></DIV>
<DIV class=intro id=p12></DIV>
<DIV class=intro id=p13></DIV>
<DIV class=intro id=p14></DIV>
<DIV class=intro id=p15></DIV>
<DIV class=intro id=p16></DIV>
<DIV class=intro id=p17></DIV>
<DIV class=intro id=p18></DIV>
<DIV class=intro id=p19></DIV>
<DIV class=intro id=p20></DIV>
<DIV class=intro id=p21></DIV>
<DIV class=intro id=p22></DIV>
<DIV class=intro id=p23></DIV>
<DIV class=intro id=p24></DIV>
<DIV class=intro id=p25></DIV>

<SCRIPT>


var espeed=75	// VITESSE DE DISPARITION DES MORCEAUX
var counter=1
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=25;i++){
temp[i]=eval("document.p"+i+".clip")
temp2[i]=eval("document.p"+i)
temp[i].width=window.innerWidth/5
temp[i].height=window.innerHeight/5
}
for (i=1;i<=5;i++)
temp2[i].left=(i-1)*temp[i].width
for (i=6;i<=10;i++){
temp2[i].left=(i-6)*temp[i].width
temp2[i].top=temp[i].height
}
for (i=11;i<=15;i++){
temp2[i].left=(i-11)*temp[i].width
temp2[i].top=2*temp[i].height
}
for (i=16;i<=20;i++){
temp2[i].left=(i-16)*temp[i].width
temp2[i].top=3*temp[i].height
}
for (i=21;i<=25;i++){
temp2[i].left=(i-21)*temp[i].width
temp2[i].top=4*temp[i].height
}}
function erasecontainerns(){
window.scrollTo(0,0)
var whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
if (temp2[whichcontainer].visibility!="hide")
temp2[whichcontainer].visibility="hide"
else{
while (temp2[whichcontainer].visibility=="hide"){
whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
}
temp2[whichcontainer].visibility="hide"
}
if (counter==25)
clearInterval(beginerase)
counter++
espeed-=10
}
if (document.all){
var containerwidth=parseInt(document.body.clientWidth/5)
var containerheight=parseInt(document.body.offsetHeight/5)
for (i=1;i<=25;i++){
temp[i]=eval("document.all.p"+i+".style")
temp[i].width=containerwidth
temp[i].height=containerheight
}
for (i=1;i<=5;i++)
temp[i].left=(i-1)*containerwidth
for (i=6;i<=10;i++){
temp[i].left=(i-6)*containerwidth
temp[i].top=containerheight
}
for (i=11;i<=15;i++){
temp[i].left=(i-11)*containerwidth
temp[i].top=2*containerheight
}
for (i=16;i<=20;i++){
temp[i].left=(i-16)*containerwidth
temp[i].top=3*containerheight
}
for (i=21;i<=25;i++){
temp[i].left=(i-21)*containerwidth
temp[i].top=4*containerheight
}}
function erasecontainerie(){
var whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
if (temp[whichcontainer].visibility!="hidden")
temp[whichcontainer].visibility="hidden"
else{
while (temp[whichcontainer].visibility=="hidden"){
whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
}
temp[whichcontainer].visibility="hidden"
}
if (counter==25){
clearInterval(beginerase)
clearInterval(keeptop)
}
counter++
espeed-=10
}
if (document.layers)
beginerase=setInterval("erasecontainerns()",espeed)
else if (document.all){
beginerase=setInterval("erasecontainerie()",espeed)
keeptop=setInterval("window.scrollTo(0.0)",100)
}
</SCRIPT>



 Conclusion

je recherche la possibilité de faires les couleurs en aleatoires (mais j'ai un soucis de syntaxe si qqun peut m'aider !
merci de me tenir au courant sur mon mail omallet@hotmail.com

IL me semble que cela ce passe dans cette ligne :
il me semble que cela ce passe dans la partie <head>

sue cette ligne .intro {BACKGROUND-COLOR:navy;LEFT:0px;POSITION:absolute; TOP:0px}



 Sources du même auteur

Source avec Zip CHANGEZ LE FOND DE VOTRE SITE WEB À GOGO !

 Sources de la même categorie

Source avec Zip Source avec une capture SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth
Source avec Zip INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges
Source avec Zip Source avec une capture TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia
COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol

Commentaires et avis

Commentaire de Jsman le 06/02/2004 22:23:13

C'est marrant et bien fait : 10/10

UN truc : c'est où que tu règle la taille des cadres ?

Commentaire de omallet16 le 06/02/2004 22:34:26

DANS LA LOGIQUE CEST DANS LES LIGNE SUIVANTES

temp[i].width=window.innerWidth/5
temp[i].height=window.innerHeight/5

Commentaire de meh le 11/07/2004 21:52:57

Très chouette ...mais comme beaucoup de scripts, ne marche que sur IE ...enfin je m'avance peut-être beaucoup, mais je l'ai essayé sur Mozilla et Mozilla - Firefox et ça ne marche pas du tout:((

Commentaire de logiciels_thiery le 24/06/2005 18:04:17

Est-ce que ça marche aussi avec des images ?

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,931 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales