Webmaster

Tips
All Tips ]

Scrolling text

For announcements or last-minute info, nothing attracts attention like scrolling text.

Your message is placed in a form field produced in your HTML code by the following lines, to be placed in the desired location:

<FORM NAME="affichage">
<INPUT TYPE="text" NAME="texte" SIZE=30 VALUE="">
</FORM>

Where the value 30 is the width in pixels of the field in which your message will be displayed.

Next add an OnLoad attribute to the tag <BODY>:

<BODY OnLoad="banniere()">

Then copy the following JavaScript between the <HEAD> and </HEAD> tags of your document:

<SCRIPT LANGUAGE="JavaScript">
<!--
var position=0;
var msg="message";
for (count=0; count<10;count=count+1)
{
msg=msg+""+msg;
}
function banniere()
{
document.affichage.texte.value=msg.substring(position,position+100);
position=position+1;
if (position==100)
position=0;
setTimeout("banniere()",100);
}
//-->
</SCRIPT>

Now simply replace message with the message of your choice.

Discover all Webmaster tips.