Risorse Gratuite per Web Masters

Dinamic Banner	Fading Menu	Mouse con Orologio	Mouse Esplodente
<!-- STEP ONE: Paste this code into the BODY of your HTML document --> <body> <script language="JavaScript"> <!-- Begin var qiksearch_js_text = new Array ("For amazing FREE web tools,", "visit Bravenet.com", "Or for Hosting and Domain names,", "and a whole bunch more!!"); var qiksearch_space_width = "290"; // The width of the content space var qiksearch_space_height = "50"; // The height of the content space var qiksearch_space_borderw="3"; // Border width var qiksearch_space_borderc="#004891"; // Border Color var timeOutVal="150"; // Delay in milliseconds //-------------------------------------------------------------------------------------------- //-----------------------------DO-NOT-MODIFY-BELOW-THIS--------------------------------------- document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + ' solid ' + qiksearch_space_borderc + '"><tr><td align="middle">'); document.write('<div id="qiksearch_js_space">'); document.write('</div>'); document.write('</td></tr></table>'); var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F'; var colorVal=15; var div_count=0; function qiksearch_fade_desat(getColorIntVal) { var returnVal; if(getColorIntVal>=10) { for(var i=0; i<=15; i++) { if((getColorIntVal==i)) { returnVal = eval('def_' + i); } } } else { returnVal=getColorIntVal; } return(returnVal); } function writeDiv() { document.all.qiksearch_js_space.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="' + joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font>' ; if((colorVal>0) && (colorVal!=0)) { colorVal--; } else { colorVal=15; if(div_count<qiksearch_js_text.length) { div_count++; } if(div_count==qiksearch_js_text.length) { document.all.qiksearch_js_space.innerHTML = '<a href="javascript:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>P<u>l</u>ay Again <font color="#CC0000">?</font></b></font></a>'; } } if(div_count<qiksearch_js_text.length) { setTimeout("writeDiv()",timeOutVal); } } function joinColor(getColor) { return (getColor + '0' + getColor + '0' + getColor + '0'); } function resetAll() { div_count=0; colorVal=15; } writeDiv(); // End --> </script>	<title> Fading roll-over </title> <!-- javascripts by http://www.bravenet.com --> <style> .tds { background-color: #004891; height: 20px; text-align: center; border: 1px solid white; font-size: 14px; filter:alpha(opacity=45); -moz-opacity:45%; cursor: hand; } A:link {font: bold 12px arial; color: #ffffff; text-decoration: none;} A:visited {font: bold 12px arial; color: #ffffff; text-decoration: none;} A:hover {font: bold 12px arial; color: #E9F0F8; text-decoration: underline;} </style> <script language="JavaScript"> <!-- hiding function locktrueie(myform){myform.ie.checked=true;} function lockfalsenet(myform){myform.nets.checked=true;} function goToURL() { window.location = "http://www.javascriptsource.com"; } function nochange(mycheckbox) { if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;} } nOpac = 50 nPlus = 2 nMin = 1 speed = 30 timer = null; timer2 = null; var ie5=(document.all && document.getElementById); var ns6=(!document.all && document.getElementById); function fadeImg2(teller) { apl[teller][1] = "Up"; changes(); } function fadeImgend2(teller) { apl[teller][1] = "Down"; setTimeout("changes()",50); } function changes() { next_loop = true; for (i=0;i<apl.length;i++) { obj = link_table.rows[i].cells[0]; opacity = apl[i][0] if (apl[i][1] == "Up") { opacity += nPlus; apl[i][0] = opacity; if (apl[i][0] > 105) {apl[i][1] = "";} else {next_loop = false;} nOpac = opacity; } else { if (apl[i][1] == "Down") { opacity -= nMin; apl[i][0] = opacity; if (apl[i][0] < 45) {apl[i][1] = "";} else {next_loop = false;} nOpac = opacity; } } if(ie5){ obj.style.filter="alpha(opacity="+opacity+")"; } if(ns6){ obj.style.MozOpacity = opacity + '%'; } } if (next_loop == false) { timer = setTimeout("changes()",speed); } else { clearTimeout(timer); } } //for each link option you need to make a new Array; var apl = new Array(); apl[0] = new Array(45,""); apl[1] = new Array(45,""); apl[2] = new Array(45,""); apl[3] = new Array(45,""); apl[4] = new Array(45,""); apl[5] = new Array(45,""); //expl: apl[6] = new Array(45,""); // End --> </script> </head> <body> <table cellpadding=0 cellspacing=0 name=link_table id=link_table> <tr> <td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="http://www.bravenet.com">Home</a></td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="http://www.bravenet.com/webtools/index.php">Tools</td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="http://www.bravenet.com/webhosting/index.php">Hosting</td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="http://www.bravenet.com/webhosting/index.php">Domains</td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="http://www.bravenet.com/resources/index.php">Resources</td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="http://www.bravenet.com/help/index.php">Help</td> </tr> </table>	<!-- STEP ONE: Paste this code into the BODY of your HTML document --> <BODY> <script language="JavaScript"> dCol='000000';//date colour. fCol='000000';//face colour. sCol='000000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PIparseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeightMath.sin(-1.0471 + iSplitMath.PI/180)+scrll; F.left=x[i] + ClockWidthMath.cos(-1.0471 + iSplitMath.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(iHandHeight)Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(iHandWidth)Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(iHandHeight)Math.sin(min)+scrll; ML.left=x[i]+HandX+(iHandWidth)Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(iHandHeight)Math.sin(sec)+scrll; SL.left=x[i]+HandX+(iHandWidth)Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight1.5Math.sin(currStep+iDsplitMath.PI/180)+scrll; DL.left=Dx[i] + ClockWidth1.5Math.cos(currStep+iDsplitMath.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns\|\|ie)window.onload=Delay; </script>	<html> <title>Fireworks on click</title> <head> <script language="JavaScript1.2"> <!-- hiding var ver = navigator.appVersion; var dom = document.getElementById ? 1 : 0; var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0; var n = (document.layers); var ie = (document.all); var sparksAflyin = 0; var totalSparks = 0; var sparksOn = 1; function initMouseEvents() { document.onmousedown = mouseDown; if (n) document.captureEvents(Event.MOUSEDOWN \| Event.MOUSEMOVE); } function mouseDown(e) { if (sparksOn) { var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft; var mousey = (n) ? e.pageY : event.y+document.body.scrollTop; if (!sparksAflyin) { for (var k = 0; k <= 9; k++) eval('SHOW("sDiv'+k+'")'); sparksAflyin = 1; totalSparks = 0; for(i = 0;i <= 9; i++) eval('moveTo('+i+',0,'+mousex+','+mousey+')'); } } } function moveTo(i,j, mousex, mousey){ if (j < eval('anim_'+i+'_x.length') ){ var tempx = eval('anim_'+i+'_x[j]+mousex'); var tempy = eval('anim_'+i+'_y[j]+mousey'); if (ie) { if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop)) tempy = document.body.offsetHeight+document.body.scrollTop-30; if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft)) tempx = document.body.offsetWidth+document.body.scrollLeft-30; eval('document.all.sDiv'+i+'.style.left = tempx;'); eval('document.all.sDiv'+i+'.style.top = tempy;'); } if (n) { eval('document.layers.sDiv'+i+'.left = tempx;'); eval('document.layers.sDiv'+i+'.top = tempy;'); } j++; // timeout: 50 = fireworks speed, larger number = slower speed setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50) } else { eval('HIDE("sDiv'+i+'")'); totalSparks++; } if (totalSparks == 10) { sparksAflyin = 0; totalSparks = 0; } } function SHOW(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "visible";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "visible";'); } function HIDE(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "hidden";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "hide";'); } anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0); anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80); anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181); anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18); anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127); anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189); anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211); anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201); anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288); anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248); anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274); anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257); anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175); anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68); anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109); anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188); anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287); anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273); // End --> </script> </head> <body OnLoad="initMouseEvents()"> <div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">.</font></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">.</font></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">.</font></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">.</font></div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div> </div> Click anywhere on the screen. </body> </html>

FREE RESOURCE TOOLS FOR WEBMASTERS

RISORSE GRATUITE PER WEBMASTERS