|
↑
Messages >>>
Drags a text message, such as your site's name, around the screen behind the mouse cursor. Useful as an attention-grabber on the main page of your site.
Add the below code to the <body> section of your page:
<style>.spanstyle {
COLOR:
red;
FONT-FAMILY:
Verdana;
FONT-SIZE:
8pt;
FONT-WEIGHT:
bold;
POSITION:
absolute;
TOP:
-50px;
VISIBILITY:
visible
}
body {
OVERFLOW-X:
hidden;
OVERFLOW-Y:
scroll;
WIDTH:
100%
}
</style>
<script
language="javascript"
type="text/javascript">
var
x,
y;
var
step =
10;
var
flag =
0;
var
message
=
"JavaScript is so cool !! ";
message
=
message.split("");
var
xpos =
new
Array();
for
(i
=
0;
i <=
message.length
-
1;
i++)
{
xpos[i]
=
-50;
}
var
ypos =
new
Array();
for
(i
=
0;
i <=
message.length
-
1;
i++)
{
ypos[i]=
-50;
}
function
handlerMM(e)
{
x
=
(!document.all)
?
e.pageX
:
document.body.scrollLeft
+
event.clientX;
y
=
(!document.all)
?
e.pageY
:
document.body.scrollTop
+
event.clientY;
flag
=
1;
}
function
makesnake()
{
if
(flag
==
1
&&
document.all)
{
for
(i
=
message.length
-
1;
i >=
1;
i--)
{
xpos[i]
=
xpos[i
-
1]
+
step;
ypos[i]
=
ypos[i
-
1];
}
xpos[0]
=
x
+
step;
ypos[0]
=
y;
for
(i
=
0;
i <
message.length
-
1;
i++)
{
var
thisspan =
eval("document.getElementById('span"
+
i +
"').style");
thisspan.posLeft
=
xpos[i];
thisspan.posTop
=
ypos[i];
}
}
else
if
(flag==1
&&
!document.all)
{
for
(i
=
message.length
-
1;
i >=
1;
i--)
{
xpos[i]
=
xpos[i
-
1]
+
step;
ypos[i]
=
ypos[i
-
1];
}
xpos[0]
=
x
+
step;
ypos[0]
=
y;
for
(i
=
0;
i <
message.length
-
1;
i++)
{
var
thisspan =
eval("document.getElementById('span"
+
i +
"').style");
thisspan.left
=
xpos[i];
thisspan.top
=
ypos[i];
}
}
var
timer =
setTimeout("makesnake()",
10);
}
window.onload
=
makesnake;
</script>
<SCRIPT
LANGUAGE="JavaScript">
for
(i
=
0;
i <=
message.length-1;
i++)
{
document.write("<span
id='span"+i+"'
class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if
(!document.all)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove
=
handlerMM;
</script>
|
→
|
