Cometa
Una codina segue il movimento del mouse.
<body>
<script LANGUAGE="JavaScript">
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
amount=10;
Xpos = 0;
Ypos = 0;
if (document.layers)
{
for (i = 0; i < amount; i++)
{
document.write('<layer name=nstrs'+i+' top=0 left=0 width='+i/2+' height='+i/2+'
bgcolor=#ff0000></layer>')
}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt)
{
Xpos = evnt.pageX+1;
Ypos = evnt.pageY+4 -window.pageYOffset;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
document.write('<div id="Div" style="position:absolute;top:0px;left:0px">' + '<div style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px;width:' + i/2 + ';height:' + i/2 + ';font-size:' + i/2 + '"></div>')
}
document.write('</div></div>');
function ieMouse()
{
Ypos = event.y+4;
Xpos = event.x+1;
}
document.onmousemove = ieMouse;
}
function animateLogo()
{
S=(document.layers)?window.pageYOffset:0;
if (document.layers)
{
for (i = 0; i < amount; i++)
{
var randCol=Math.round(Math.random()*8);
document.layers['nstrs'+i].bgColor=Clrs[randCol];
if (i < amount-1)
{
document.layers['nstrs'+i].top=document.layers['nstrs'+(i+1)].top;
document.layers['nstrs'+i].left=document.layers['nstrs'+(i+1)].left;
}
else
{
document.layers['nstrs'+i].top = Ypos+S;
document.layers['nstrs'+i].left =Xpos;
}
}
}
else if (document.all)
{
Div.style.top=document.body.scrollTop;
for (i = 0; i < amount; i++)
{
var randCol=Math.round(Math.random()*8);
ieDiv[i].style.background=Clrs[randCol];
if (i < amount-1)
{
ieDiv[i].style.top=ieDiv[i+1].style.top;
ieDiv[i].style.left=ieDiv[i+1].style.left;
}
else
{
ieDiv[i].style.top = Ypos;
ieDiv[i].style.left =Xpos;
}
}
}
setTimeout("animateLogo()",10);
}
animateLogo();
</script>
</body>
A colpo d'occhio
Be Responsive
HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.