Puntatore: effetto scintilla

Questo é un piccolo e discreto effetto che abbellirá il vostro cursore: si tratta di una scintilla colorata alla base del puntatore.

Due sono i passi necessari per attivare l'effetto.

In primo luogo dobbiamo inserire il seguente codice nella zona HEAD della nostra pagina HTML:

<style type="text/css"><!-- BODY{overflow:scroll;overflow-x:hidden;} .s1{ position : absolute; font-size : 10pt; color : blue; visibility: hidden;} .s2{ position : absolute; font-size : 18pt; color : red; visibility : hidden;} .s3{ position : absolute; font-size : 14pt; color : gold; visibility : hidden;} .s4{ position : absolute; font-size : 12pt; color : lime; visibility : hidden;} //--></style>

A seguire ecco il codice per la zona BODY:

<div id="div1" class="s1">*</div><br /><br /><br /><br /><br /><br /><br /><div id="div2" class="s2">*</div><br /><br /><br /><br /><br /><br /><br /><div id="div3" class="s3">*</div><br /><br /><br /><br /><br /><br /><br /><div id="div4" class="s4">*</div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><p align="center"><span style="font-family:arial;font-size:-2;">This free script provided by</span><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-family:arial, helvetica;font-size:-2;"><a href="http://javascriptkit.com">JavaScript<br /><br /><br /><br /><br /><br /><br />Kit</a></span></p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><script language="javascript" type="text/javascript"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />/*<br /><br /><br /><br /><br /><br /><br />Script by Mike McGrath- http://website.lineone.net/~mike_mcgrath<br /><br /><br /><br /><br /><br /><br />Featured on JavaScript Kit (http://javascriptkit.com)<br /><br /><br /><br /><br /><br /><br />For this and over 400+ free scripts, visit http://javascriptkit.com<br /><br /><br /><br /><br /><br /><br />*/<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />var nav = (document.layers);<br /><br /><br /><br /><br /><br /><br />var tmr = null;<br /><br /><br /><br /><br /><br /><br />var spd = 50;<br /><br /><br /><br /><br /><br /><br />var x = 0;<br /><br /><br /><br /><br /><br /><br />var x_offset = 5;<br /><br /><br /><br /><br /><br /><br />var y = 0;<br /><br /><br /><br /><br /><br /><br />var y_offset = 15;<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />if(nav) document.captureEvents(Event.MOUSEMOVE);<br /><br /><br /><br /><br /><br /><br />document.onmousemove = get_mouse; <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />function get_mouse(e)<br /><br /><br /><br /><br /><br /><br />{ <br /><br /><br /><br /><br /><br /><br /> x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;<br /><br /><br /><br /><br /><br /><br /> y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;<br /><br /><br /><br /><br /><br /><br /> x += x_offset;<br /><br /><br /><br /><br /><br /><br /> y += y_offset;<br /><br /><br /><br /><br /><br /><br /> beam(1); <br /><br /><br /><br /><br /><br /><br />}<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />function beam(n)<br /><br /><br /><br /><br /><br /><br />{<br /><br /><br /><br /><br /><br /><br /> if(n<5) top="+y); eval(" left="+x); eval(" visibility="'visible'" top="+y); eval(" left="+x); eval(" visibility="'visible'" tmr="setTimeout(">0) <br /><br /><br /><br /><br /><br /><br /> {<br /><br /><br /><br /><br /><br /><br /> if(nav)eval("document.div"+n+".visibility='hidden'");<br /><br /><br /><br /><br /><br /><br /> else eval("div"+n+".style.visibility='hidden'"); <br /><br /><br /><br /><br /><br /><br /> n--;<br /><br /><br /><br /><br /><br /><br /> tmr=setTimeout("fade("+n+")",spd);<br /><br /><br /><br /><br /><br /><br /> }<br /><br /><br /><br /><br /><br /><br /> else clearTimeout(tmr);<br /><br /><br /><br /><br /><br /><br />} <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />// --><br /><br /><br /><br /><br /><br /><br /></script>

Ora il vostro effetto sará pronto.