Comet
A little tail follows the movement of the 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.
