Para ver efeito é preciso clicar com o
mouse.
Haverá uma chuva de pinguinhos
brancos, este efeito é por conta deste documento abaixo o qual
todos conhecem como:script,pois é o certo...
Este script foi fácil, eu particularmente
não encontrei dificuldade...
Mas se a duvida pairar no ar eu estou por
aqui...
<!-- TWO STEPS
TO INSTALL STAR FIELD:
1. Copy the
coding into the HEAD of your HTML document
2. Add the last code
into the BODY of your HTML document -->
<!-- STEP ONE: Paste this
code into the HEAD of your HTML document -->
<HEAD>
<style
type="text/css">
.star
{
position:absolute;
layer-background-color:white;
visibility:visible;
top:-50px;
width:50px;
height:50px;
font-size:1px;
background-color:white;
}
</style>
<!-- Begin
var starnum
= 75; // Number of stars
var isNS = (document.layers);
var _all = (isNS)?
'' : 'all.';
var _style = (isNS) ? '' : '.style';
var xoffset, yoffset,
w_x, w_y, tmpx, tmpy, scrlx, scrly;
function getstartpos(obj) {
obj.deltay
= Math.floor(Math.random() * 12);
obj.deltax = Math.floor(Math.random() *
12);
obj.xdir = (Math.floor(Math.random() * 2) == 1) ? '+' : '-';
obj.ydir
= (Math.floor(Math.random() * 2) == 1) ? '+' : '-';
obj.counter = 1;
if
(isNS) {
obj.clip.width = 1;
obj.clip.height =
1;
obj.moveTo(xoffset+pageXOffset, yoffset+pageYOffset);
} else
{
obj.width = 1;
obj.height = 1;
obj.pixelTop =
yoffset+document.body.scrollTop;
obj.pixelLeft =
xoffset+document.body.scrollLeft;
}
}
function
movestar(starN) {
tmpx = starN.deltax*starN.counter+starN.counter;
tmpy =
starN.deltay*starN.counter+starN.counter;
if (isNS) {
starN.clip.width =
starN.counter / 3;
starN.clip.height = starN.counter / 3;
scrlx =
pageXOffset;
scrly = pageYOffset;
if ((starN.left+tmpx >= w_x+scrlx) ||
(starN.top+tmpy >= w_y+scrly) || (starN.left-tmpx <= scrlx) ||
(starN.top-tmpy <= scrly)) {
getstartpos(starN);
} else
{
eval('starN.moveBy('+starN.xdir+tmpx+',
'+starN.ydir+tmpy+')');
}
} else {
starN.width =
starN.counter/3;
starN.height = starN.counter/3;
scrlx =
document.body.scrollLeft;
scrly = document.body.scrollTop;
if
((starN.pixelLeft+tmpx >= w_x+scrlx)||(starN.pixelTop+tmpy >= w_y+scrly)
|| (starN.pixelLeft-tmpx <= scrlx)||(starN.pixelTop-tmpy <= scrly))
{
getstartpos(starN);
} else
{
eval('starN.pixelTop'+starN.ydir+'=tmpy');
eval('starN.pixelLeft'+starN.xdir+'=tmpx');
}
}
starN.counter++;
}
function animate() {
for(i=1; i <=
starnum; i++) {
movestar(eval('star'+i));
}
setTimeout('animate()',
100);
}
function findwindowparams() {
w_x = (isNS) ? window.innerWidth
: document.body.clientWidth;
w_y = (isNS) ? window.innerHeight :
document.body.clientHeight;
xoffset = w_x / 2;
yoffset = w_y / 2;
for
(i = 1; i <= starnum; i++) {
getstartpos(eval('star'+i));
}
}
function resizeNS() {
setTimeout('document.location.reload()',
400);
}
(isNS) ? window.onresize = resizeNS : window.onresize =
findwindowparams;
window.onload = new Function("findwindowparams();
animate();");
// End
-->
</script>
</HEAD&ggt;
<!-- STEP TWO: Copy this
code into the BODY of your HTML document -->
<BODY>
<body
background="space.jpg">
<SCRIPT
LANGUAGE="JavaScript">
<!-- Begin
for (i = 1; i <= starnum; i++)
{
document.writeln('<div id="star'+i+'"
class="star"></div>');
eval('var
star'+i+'=document.'+_all+'star'+i+_style);
}
// End
-->
</script>
<p><center>
<font face="arial, helvetica"
size="-2">Free JavaScripts provided<br>
by <a
href="http://javascriptsource.com">The JavaScript
Source</a></font>
</center><p>
<!-- Script Size:
3.33 KB -->
Caso
queira a gif "Save as" (Salve)
Click
com o botão direito do mouse e " salve as"
Click with
the right button of the mouse and "save as"