Texte défilant dans petit tableau plutôt que dans la barre d'état...
Soyez le premier à donner votre avis sur cette source.
Snippet vu 16 281 fois - Téléchargée 29 fois
Contenu du snippet
Plutôt que de faire défiler du texte dans la barre d'état pourquoi ne pas le faire défiler dans un petit tableau.
Bien sur vous avez le choix puisqu'il y a les deux.
Source / Exemple :
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
mes = " Ce petit message "; // ici on change le message
mes += "vous souhaite la bienvenue. ";
mes = "Mais vous pouvez le changer..." + mes;
pos = 0;
function TopMessage() {
var nouvtext = mes.substring(pos, mes.length) + mes.substring(0, pos);
var td = document.getElementById("scroll");
td.firstChild.nodeValue = nouvtext;
pos++;
if (pos > mes.length) pos = 0;
window.setTimeout("TopMessage()",100); // on change la vitesse
}
</script>
<script>
function Essai_start() {clearInterval(Essai.sttm);Essai_init();if (arguments.length>0) Essai_init2(arguments[0]);Essai.sttm=setInterval ("doEffect('Essai')",10);}
function Essai_stop() {clearInterval(Essai.sttm);window.status="";}
Essai_init();
function Essai_init() {Essai={stel:0,stft:"Voilà c'est comme ça ?",stec:1,stcel:1,stce:-1,stcl:-1,stls:-1,stcs:0,sttg:0,stea:["Essayez dans un petit tableau c'est bien aussi !!!",8,16,1]};}
function Essai_init2 (en) {Essai.stea=[Essai.stea[(en-1)*4],Essai.stea[(en-1)*4+1],Essai.stea[(en-1)*4+2],Essai.stea[(en-1)*4+3]];Essai.stec=1;Essai.stel=0;}
function doEffect(es) {var s=eval(es);if (s.stce==s.stec) {if (s.stcel==s.stel) {clearInterval(s.sttm);window.status=s.stft;return;} else {if (s.stel>0) s.stcel++;s.stce=-1;s.stcl=s.stls;}}if (s.stcl==s.stls) {s.stce++;s.sttx=s.stea[s.stce*4];s.sttp=s.stea[s.stce*4+1];s.stsd=s.stea[s.stce*4+2];s.stls=s.stea[s.stce*4+3];s.stcl=0;s.stsp=1;s.sttg=0;}if (21-s.stsd-s.sttg==0) {var stres=eval("stEffect"+s.sttp+"(s.sttx,s.stsp++,es);");s.sttg=0;if (stres!="") window.status=stres;else {s.stcl++;s.stsp=1;}}s.sttg++;}
function stEffect8(text,step){if (text.length/2+3<step) return "";if (step<3) return text;for (var i=3,s=""; i<step; i++,s+=" ");return s+text.substring(0,text.length/2-step+3)+text.substring(text.length-text.length/2+step-3,text.length);}
Essai_start();
</script>
</head>
<body onLoad="TopMessage();"><body bgcolor="#cccccc">
<h2><font color=red>Message défilant</font></h2>
<p><font color=blue size=+1>Remplacé le défilement
dans la barre d'état par un défilement dans un petit
tableau.</font></p>
<center>
<table width="60%" border>
<tr></center>
<td ID="scroll" width="90%"> Emplacement du message défilant.</td>
</tr>
</table>
</body>
</html>
Conclusion :
Bien sur vous avez le choix puisqu'il y a les deux.
A voir également
- Texte défilant dans petit tableau plutôt que dans la barre d'état...
- Texte défilant javascript - Guide
- Javascript : Superbe texte défilant - CodeS SourceS - Guide
- Html texte défilant en boucle - Forum - Javascript / DHTML
- Javascript : Texte défilant (sympa et facile) - CodeS SourceS - Guide
- Texte défilant flash - Forum - Flash
Commentaires
<marquee width="800">Hello Nico !!!
et voila le texte defile
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.