|
Buttons Effects >>>
Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL!
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
typeWriterWait=120
blinkTextWait=1000
blinkSpacesWait=300
blinkMax=3
expandWait=100
scrollWait=90
scrollWidth=34
randomLines=false
lineMax=7
lines=new
Array(lineMax)
lines[1]=new
Line("The
JavaScript Headliner!",
"http://www.yaldex.com",
"",
Blink,
500)
lines[2]=new
Line("This
is a great JavaScript example - appropriately named ' The JavaScript
Headliner ' !",
"",
"",
Scroll,
1000)
lines[3]=new
Line("Wouldn't
this be good on your site?",
"",
"",
Static,
3500)
lines[4]=new
Line("Many
ways to present information....",
"",
"",
Expand,
2000)
lines[5]=new
Line("Each
message can even take the visitor to different a URL when clicked !",
"",
"",
Scroll,
3000)
lines[6]=new
Line("Click
now to email the author",
"mailto:support@yaldex.com?subject=The Headliner",
"",
TypeWriter,
1500)
lines[7]=new
Line("Or
here to go back to Messages",
"http://www.yaldex.com",
"",
Static,
3500)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function
Line(text,
url,
frame,
type,
wait)
{
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function
StringFill(c,
n)
{
var
s=""
while
(--n
>=
0)
{
s+=c
}
return
s
}
function
getNewRandomInteger(oldnumber,
max)
{
var
n=Math.floor(Math.random()
*
(max
-
1)
+
1)
if
(n
>=
oldnumber)
{
n++
}
return
n
}
function
getRandomInteger(max)
{
var
n=Math.floor(Math.random()
*
max
+
1)
return
n
}
function
GotoUrl(url,
frame)
{
if
(frame
!=
'')
{
if
(frame
==
'self')
self.location.href=url
else
if
(frame
==
'parent')
parent.location.href=url
else
if
(frame
==
'top')
top.location.href=url
else
{
s=eval(top.frames[frame])
if
(s
!=
null)
top.eval(frame).location.href=url
else
window.open(url,
frame,
"toolbar=yes,status=yes,scrollbars=yes")
}
}
else
window.location.href=url
}
function
Static()
{
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()",
this.wait)
}
function
TypeWriter()
{
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill("
",
charMax)
TextTypeWriter()
}
function
TextTypeWriter()
{
if
(charNo
<=
charMax)
{
document.formDisplay.buttonFace.value=lineText.substring(0,
charNo)+spaces.substring(0,
charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()",
typeWriterWait)
}
else
{
charNo=0
timerID=setTimeout("ShowNextLine()",
lineWait)
}
}
function
Blink()
{
lineText=this.text
charMax=lineText.length
spaces=StringFill("
",
charMax)
lineWait=this.wait
TextBlink()
}
function
TextBlink()
{
if
(charNo
<=
blinkMax *
2)
{
if
((charNo
%
2)
==
1)
{
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else
{
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()",
blinkWait)
}
else
{
charNo=0
timerID=setTimeout("ShowNextLine()",
lineWait)
}
}
function
Expand()
{
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax
/
2)
lineWait=this.wait
TextExpand()
}
function
TextExpand()
{
if
(charNo
<=
charMiddle)
{
document.formDisplay.buttonFace.value=lineText.substring(charMiddle
-
charNo,
charMiddle +
charNo)
charNo++
timerID=setTimeout("TextExpand()",
expandWait)
}
else
{
charNo=0
timerID=setTimeout("ShowNextLine()",
lineWait)
}
}
function
Scroll()
{
spaces=StringFill("
",
scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function
TextScroll()
{
if
(charNo
<=
charMax)
{
document.formDisplay.buttonFace.value=lineText.substring(charNo,
scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()",
scrollWait)
}
else
{
charNo=0
timerID=setTimeout("ShowNextLine()",
lineWait)
}
}
function
StartHeadliner()
{
StopHeadliner()
timerID=setTimeout("ShowNextLine()",
2000)
timerRunning=true
}
function
StopHeadliner()
{
if
(timerRunning)
{
clearTimeout(timerID)
timerRunning=false
}
}
function
ShowNextLine()
{
if
(randomLines)
lineNo=getNewRandomInteger(lineNo,
lineMax)
else
(lineNo
<
lineMax)
?
lineNo++
:
lineNo=1
lines[lineNo].Display()
}
function
LineClick(lineNo)
{
document.formDisplay.buttonFace.blur()
if
(lineNo
>
0)
GotoUrl(lines[lineNo].url,
lines[lineNo].frame)
}
with
(document)
{
write('<center><form
name="formDisplay"><input type="button"')
write('name="buttonFace"
value="The Web Assistant presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
window.onload=StartHeadliner;
</script>
|
|