Script Categories













Messages >>> Jitter Text.

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">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
dw=0;   //change in width;
dh=0;   //change in height;
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 {} // browser can't view effect
}
window.onload=jitter;
// End -->
</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>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©