|
Messages >>>
The blink tag was good at getting your visitors attention, but how quickly it got annoying.... The newest attention-getter is Jitter Text! Just enter the text you want to use, and in version 4.0+ browser it will "jiggle" around the screen, like jello! And it is not annoying!
This text jiggles more than gelatin !!
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
dw=0;
dh=0;
function
jitter()
{
w
=
(Math.round(Math.random()*10)%5)-2;
dw+=w;
h
=
(Math.round(Math.random()*10)%5)-2;
dh+=h;
if
(dh>10)
{h=(0-11);dh=0;}
else
if
(dh<(0-10))
{h=11;dh=0;}
if
(dw>10)
{w=(0-11);dw=0;}
else
if
(dw<(0-10))
{w=11;dw=0;}
vers
=
parseInt(navigator.appVersion);
if
(vers>=4)
{
if
(navigator.appName=="Netscape")
{
var
wN=w+parseInt(document.getElementById('jitterText').style.left);
var
hN=h+parseInt(document.getElementById('jitterText').style.top);
if
(isNaN(wN))
wN=w;
if
(isNaN(hN))
hN=h;
document.getElementById('jitterText').style.left=wN;
document.getElementById('jitterText').style.top=hN;
}
else
if
(navigator.appName=="Microsoft
Internet Explorer")
{
document.all.jitterText.style.pixelLeft+=w;
document.all.jitterText.style.pixelTop+=h;
}
setTimeout("jitter()",100);
}
else
{}
}
window.onload=jitter;
</script>
<STYLE
TYPE="text/css">
#jitterText {
position:
relative;
left:
0;
top:
300;
font-size:24pt;
background:yellow;
color:red;
}
</STYLE>
<DIV
ID="jitterText">
<center>
This text jiggles more than gelatin !!
</center>
</DIV>
|
|