begin process at 2010 03 18 08:52:38
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > MESSAGE AVEC TEMPS DE POSE

MESSAGE AVEC TEMPS DE POSE


 Information sur la source



 Description

Encore dans le titre ;-)

Source

  • Oou vous voulez dans le body :
  • <script language="JavaScript1.2">
  • <!--
  • //configurer les 3 variables suivantes pour la hauteur, la largeur et le fond de la zone défilante.
  • var scrollerwidth=150
  • var scrollerheight=30
  • var scrollerbgcolor='yellow'
  • //configurer les variables suivantes pour le contenu de vos messages.
  • var messages=new Array()
  • messages[0]="Message 0"
  • messages[1]="Message 1"
  • messages[2]="Message 2"
  • messages[3]="Message 3"
  • messages[4]="Message 4 "
  • ///////Do not edit pass this line///////////////////////
  • if (messages.length>1)
  • i=2
  • else
  • i=0
  • function move1(whichlayer){
  • tlayer=eval(whichlayer)
  • if (tlayer.top>0&&tlayer.top<=5){
  • tlayer.top=0
  • setTimeout("move1(tlayer)",3000)
  • setTimeout("move2(document.main.document.second)",3000)
  • return
  • }
  • if (tlayer.top>=tlayer.document.height*-1){
  • tlayer.top-=5
  • setTimeout("move1(tlayer)",100)
  • }
  • else{
  • tlayer.top=scrollerheight
  • tlayer.document.write(messages[i])
  • tlayer.document.close()
  • if (i==messages.length-1)
  • i=0
  • else
  • i++
  • }
  • }
  • function move2(whichlayer){
  • tlayer2=eval(whichlayer)
  • if (tlayer2.top>0&&tlayer2.top<=5){
  • tlayer2.top=0
  • setTimeout("move2(tlayer2)",3000)
  • setTimeout("move1(document.main.document.first)",3000)
  • return
  • }
  • if (tlayer2.top>=tlayer2.document.height*-1){
  • tlayer2.top-=5
  • setTimeout("move2(tlayer2)",100)
  • }
  • else{
  • tlayer2.top=scrollerheight
  • tlayer2.document.write(messages[i])
  • tlayer2.document.close()
  • if (i==messages.length-1)
  • i=0
  • else
  • i++
  • }
  • }
  • function move3(whichdiv){
  • tdiv=eval(whichdiv)
  • if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
  • tdiv.style.pixelTop=0
  • setTimeout("move3(tdiv)",3000)
  • setTimeout("move4(second2)",3000)
  • return
  • }
  • if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
  • tdiv.style.pixelTop-=5
  • setTimeout("move3(tdiv)",100)
  • }
  • else{
  • tdiv.style.pixelTop=scrollerheight
  • tdiv.innerHTML=messages[i]
  • if (i==messages.length-1)
  • i=0
  • else
  • i++
  • }
  • }
  • function move4(whichdiv){
  • tdiv2=eval(whichdiv)
  • if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
  • tdiv2.style.pixelTop=0
  • setTimeout("move4(tdiv2)",3000)
  • setTimeout("move3(first2)",3000)
  • return
  • }
  • if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
  • tdiv2.style.pixelTop-=5
  • setTimeout("move4(second2)",100)
  • }
  • else{
  • tdiv2.style.pixelTop=scrollerheight
  • tdiv2.innerHTML=messages[i]
  • if (i==messages.length-1)
  • i=0
  • else
  • i++
  • }
  • }
  • function startscroll(){
  • if (document.all){
  • move3(first2)
  • second2.style.top=scrollerheight
  • }
  • else if (document.layers){
  • move1(document.main.document.first)
  • document.main.document.second.top=scrollerheight+5
  • document.main.document.second.visibility='show'
  • }
  • }
  • window.onload=startscroll
  • //-->
  • </script>
  • <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor};>
  • <layer id="first" left=0 top=1 width=&{scrollerwidth};>
  • <script language="JavaScript1.2">
  • if (document.layers)
  • document.write(messages[0])
  • </script>
  • </layer>
  • <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
  • <script language="JavaScript1.2">
  • if (document.layers)
  • document.write(messages[1])
  • </script>
  • </layer>
  • </ilayer>
  • <script language="JavaScript1.2">
  • if (document.all){
  • document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
  • document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
  • document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
  • document.write(messages[0])
  • document.writeln('</div>')
  • document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
  • document.write(messages[1])
  • document.writeln('</div>')
  • document.writeln('</div>')
  • document.writeln('</span>')
  • }
  • </script>
Oou vous voulez dans le body : 

<script language="JavaScript1.2">
<!-- 
//configurer les 3 variables suivantes pour la hauteur, la largeur et le fond de la zone défilante.
var scrollerwidth=150
var scrollerheight=30
var scrollerbgcolor='yellow'

//configurer les variables suivantes pour le contenu de vos messages.
var messages=new Array()
messages[0]="Message 0"
messages[1]="Message 1"
messages[2]="Message 2"
messages[3]="Message 3"
messages[4]="Message 4 "

///////Do not edit pass this line///////////////////////

if (messages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",3000)
setTimeout("move2(document.main.document.second)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",3000)
setTimeout("move1(document.main.document.first)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",3000)
setTimeout("move4(second2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",3000)
setTimeout("move3(first2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll
//-->
</script>

<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>

<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1])
</script>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
 

 Conclusion

Amusez-vous bien ! :-)


 Sources du même auteur

UN MENU AVEC LE BOUTON DROIT !
FENÈTRE FLOTANTE
DU TEXTE QUI DÉFILE
UNE JOLIE INTRO ;-)
FAIRE TOMBER DE LA NEIGE

 Sources de la même categorie

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
RETROUVER LE NUMÉROS DE TELEPHONE DE VOTRE EMPLOYER RAPIDEME... par rappise

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire




Nos sponsors


Appels d'offres

Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
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 : 0,452 sec (4)

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