|
↑
Scrolls >>>
Use Haitham's Typing Text script to display messages in an animated fashion. Unlike similar scripts, both the typing speed and pause between messages can be easily configured.
Add the below code to the <body> section of your page:
<form
name="news">
<textarea
name="news2"
cols=40
rows=4
wrap=virtual></textarea>
</form>
<script
language="javascript"
type="text/javascript">
document.news.news2.style.background
=
'#FFFFCE';
document.news.news2.style.color
=
'red';
var
newsText =
new
Array();
newsText[0]
=
"Typing Text JScript
v1\nDeveloped on Sunday, April 15th, 2001...";
newsText[1]
=
"This is a text-typing DHTML
demo. \nScript featured on http://wsabstract.com";
newsText[2]
=
"Make sure you read the comments
before you configure the script...";
newsText[3]
=
"Programmed by: Haitham
Al-Beik...\n\nCopyright (c) Haitham M. Al-Beik, 2001";
newsText[4]
=
"http://www.prosheet.com/DHTML/typetext.htm"
var
ttloop =
1;
var
tspeed =
50;
var
tdelay =
1000;
var
dwAText,
cnews=0,
eline=0,
cchar=0,
mxText;
function
doNews()
{
mxText
=
newsText.length
-
1;
dwAText
=
newsText[cnews];
setTimeout("addChar()",1000)
}
function
addNews()
{
cnews
+=
1;
if
(cnews
<=
mxText)
{
dwAText
=
newsText[cnews];
if
(dwAText.length
!=
0)
{
document.news.news2.value
=
"";
eline
=
0;
setTimeout("addChar()",tspeed)
}
}
}
function
addChar()
{
if
(eline!=1)
{
if
(cchar
!=
dwAText.length)
{
nmttxt
=
"";
for
(var
k=0;
k<=cchar;k++)
nmttxt +=
dwAText.charAt(k);
document.news.news2.value
=
nmttxt;
cchar
+=
1;
if
(cchar
!=
dwAText.length)
document.news.news2.value
+=
"_";
}
else
{
cchar
=
0;
eline
=
1;
}
if
(mxText==cnews
&&
eline!=0
&&
ttloop!=0)
{
cnews
=
0;
setTimeout("addNews()",tdelay);
}
else
setTimeout("addChar()",tspeed);
}
else
{
setTimeout("addNews()",tdelay)
}
}
doNews()
</script>
|
→
|