Texte qui dégringole...
Contenu du snippet
Un texte qui arrive en gondolant et qui chute en bas de page. Sympa et simple. Enfin simple pour les initiés...
Vous pouvez modifier pas mal de chose pour le rendre plus cool encore...
Source / Exemple :
<html>
<head>
<style>
.styds {
position:absolute;
visibility:visible;
left:1000px;
}
</style>
<script LANGUAGE="JavaScript" type="text/JavaScript">
<!--
var msg = new Array() //ici on change le texte qui défile...
msg[0]="Bienvenue sur ma page..."
msg[1]="Vous pouvez changer..."
msg[2]="La couleur des lettres... "
msg[3]="La police et sa taille..."
msg[4]="La vitesse entre deux textes..."
msg[5]="Alors amusez-vous bien..."
var parc= new Array(555,9,553,10,551,13,543,13,539,13,533,10,529,9,527,9,521,7,518,8,513,9,511,11,508,13,506,16,501,17,496,18,493,17,489,15,483,9,478,9,474,9,467,12,462,17,458,19,453,20,449,21,444,18,438,15,435,9,432,9,425,8,418,9,417,11,413,12,411,15,409,17,407,19,399,19,392,20,382,19,378,17,373,14,368,10,366,9,357,7,349,8,341,9,335,11,322,13,316,17,302,18,294,17,289,12,286,10,279,7,275,7,268,9,269,9,266,12,261,17,251,17,242,17,228,16,221,10,217,9,213,9,209,9,204,9,195,14,189,16,178,16,167,16,158,14,148,13,147,8,136,7,125,6,113,9,105,14,94,16,69,16,61,15,41,15,34,15,22,16,12,16,13,15)
var attente=2 // temps de pause entre 2 messages
var fontcar="Arial" // la police
var sizecara=22 // la taille
var couleur=new Array("red","yellow","blue","green","white") // les couleurs
var fontgras=0 // 1 texte gras, 0 texte normal
var efglacer=0 // 1 pour un effet de relief 0 pour sans effet de relief
var espLettre=14 // espace des lettres
var bebit=parc[parc.length-2]
var debit=parc[parc.length-1]
var timer
var bitresult=bebit
var i_msg=0
var messages=""
var i_parc=0
var attentemillisec=attente*10
var maxbit=0
var i_lignes=0
var parcbit= new Array()
var ii=0
for (i=0;i<=parc.length-1;i=i+2) {
parcbit[ii]=parc[i]
ii++
}
ii=0
var parcbitY= new Array()
for (i=1;i<=parc.length-1;i=i+2) {
parcbitY[ii]=parc[i]
ii++
}
if (efglacer==1) {
efglacer="style='filter:glow(strength=1,color=yellow)'"
}
else {
efglacer=""
}
if (fontgras==1) {
fontgras="<b>"
}
else {
fontgras=""
}
for (i=0;i<=msg.length-1;i++) {
if (msg[i].length>=maxbit) {maxbit=msg[i].length}
}
for (i=0;i<=msg.length-1;i++) {
msg[i]=msg[i]+" "
}
if (document.layers) {
if (sizecara>20) {sizecara=6}
else if (sizecara>20) {sizecara=5}
else if (sizecara>14) {sizecara=4}
else if (sizecara>10) {sizecara=3}
else if (sizecara>8) {sizecara=2}
else if (sizecara<=7) {sizecara=1}
}
var xposit=new Array()
for (i=0;i<=maxbit;i++) {
xposit[i]=5000
}
var yposit=new Array()
for (i=0;i<=maxbit;i++) {
yposit[i]=5000
}
function aleat(range) {
return Math.floor(range*Math.random())
}
function go() {
if (i_parc<=parcbit.length-1) {
for (i=messages.length-1; i>=1; i--) {
xposit[i]=xposit[i-1]
yposit[i]=yposit[i-1]
}
xposit[0]=parcbit[i_parc]
yposit[0]=parcbitY[i_parc]
if (document.all) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.all.span"+(i)+".style")
navig.posLeft=xposit[i]+(i*espLettre)
navig.posTop=yposit[i]
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.span"+i)
navig.left=xposit[i]+(i*espLettre)
navig.top=yposit[i]
}
}
i_parc++
timer=setTimeout("go()",20)
}
else {
clearTimeout(timer)
ligneN()
}
}
function ligneN() {
if (i_lignes<=attentemillisec) {
if (document.all) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.all.span"+(i)+".style")
navig.posTop+=Math.ceil(8*Math.random())-4
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.span"+i)
navig.top+=Math.ceil(8*Math.random())-4
}
}
i_lignes++
timer=setTimeout("ligneN()",10)
}
else {
clearTimeout(timer)
i_lignes=0
ligneN2()
}
}
function ligneN2() {
if (i_lignes<=30) {
if (document.all) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.all.span"+(i)+".style")
navig.posTop+=Math.ceil(200*Math.random())-70
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.span"+i)
navig.top+=Math.ceil(200*Math.random())-70
}
}
i_lignes++
timer=setTimeout("ligneN2()",20)
}
else {
clearTimeout(timer)
i_lignes=0
ondega()
}
}
function ondega() {
bitresult=debit
i_parc=0
for (i=0;i<=maxbit;i++) {
xposit[i]=5000
}
if (document.all) {
for (i=0;i<=maxbit;i++) {
var navig = eval("document.all.span"+i)
navig.innerHTML=" "
var navig = eval("document.all.span"+(i)+".style")
navig.posLeft=xposit[i]=5000
}
}
if (document.layers) {
for (i=0;i<=maxbit;i++) {
var navig = eval("document.span"+i+".document")
navig.write("<p> </p>")
navig.clear()
navig = eval("document.span"+i)
navig.left=5000
}
}
timer=setTimeout("tourNord()",2000)
}
function tourNord() {
var texte=msg[i_msg]
messages=texte.split("")
if (document.all) {
for (i=0;i<=messages.length-1;i++) {
var navig = eval("document.all.span"+i)
navig.innerHTML="<p style='font-family:"+fontcar+";font-size:"+sizecara+";color:"+couleur[Math.floor((couleur.length)*Math.random())]+"'>"+fontgras+messages[i]+"</p>"
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig=eval("document.span"+i+".document")
navig.write("<p><font size="+sizecara+" color="+couleur[Math.floor((couleur.length)*Math.random())]+" face="+fontcar+">"+fontgras+messages[i]+"</font></p>")
navig.clear()
}
}
i_msg++
if (i_msg>=msg.length) {i_msg=0}
bitresult=debit
i_parc=0
timer=setTimeout("go()",1000)
}
</script>
</head>
<body onLoad="tourNord()">
<body bgcolor=black>
<script><!--
for (i=0;i<=maxbit;i++) {
document.write("<span id='span"+i+"' class='styds' "+efglacer+">")
document.write(messages)
document.write("</span>")
}
</script>
</body>
</html>
Conclusion :
Vous pouvez modifier pas mal de chose pour le rendre plus cool encore...
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.