In this blog we will know how to scroll the text in the
status bar using JavaScript.
Store the files as .html or .htm extension. Run it in IE.
Example-1
<html>
<head>
<title>Javascript ScrollText</title>
<script language="javascript">
msg="This is an example of scrolling message";
spacer="............ .............";
pos=0;
function ScrollMessage()
{
window.status=msg.substring(pos,msg.length)+spacer+
msg.substring(0,pos);
pos++;
if(pos>msg.length)pos=0;
window.setTimeout("ScrollMessage()",100);
}
ScrollMessage();
</script>
</head>
<body>
<p>Scrolling Message Example</p>
<p>Look at the status line at the bottom of the
page</p>
</body>
</html>
Example-2
<HTML>
<HEAD>
<title>Moving Text</title>
<script language="javascript">
var current=0;
var x = 0;
var speed = 150;
var speed2 = 150;
function startarray(n)
{
this.length = n;
for(var i =1; i <=n; i++)
{
this[i]="";
}
}
dis_letters= new startarray(1);
dis_letters[0]="Website Created By Satyapriya
Nayak";
function display_letters()
{
var m = dis_letters[current];
window.status = m.substring(0,x++) + "";
if (x == m.length + 1)
{
x=0;
current++;
if (current > dis_letters.length-1)
{
current=0;
}
setTimeout("display_letters()",speed2);
}
else
{
setTimeout("display_letters()",speed);
}
}
display_letters();
</script>
</Head>
<body>
<p>Scrolling Message Example</p>
<p>Look at the status line at the bottom of the
page</p>
</body>
</Html>
Thanks for Reading