Cursor con destellos – World – Hard drive

Esta es una forma muy peculiar de adornar el cursor, y en cierto modo la página. Se trata de hacer que salgan destellos del cursor cuando éste se mueve y se van esparciendo y cayendo con forme se sigue moviendo el cursor.
Puedes ver un ejemplo en esta página deWallpapers para el móvil gratis. Cuando cargue la página mueve el cursor a donde quieras y verás cómo salen y caen los destellos del mouse; entre más muevas el cursor más destellos saldrán.

Para poner esteefecto del cursor en tu blog, entra enPlantilla | Edición de HTML y antes de/head pega lo siguiente:
script type='text/javascript'
// ![CDATA[
var colour="#FFFFFF";
var sparkles=40;

/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; isparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; csparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; csparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
//
/script

Envar colour="#FFFFFF"; modifica el color de los destellos, en este caso son blancos pero puedes cambiarlos por el color que quieras, sólo te recomiendo que sea un color que contraste con el fondo del blog para que pueda apreciarse.

De esta forma puedes crear un ambiente "mágico" en el blog.

Proud Italian cook Criminal lawyer Miami georgia truck accident lawyer Mobile casino primary pulmonary hypertension ASBESTOS LAWYERS Online casino mesothelioma Life Insurance Co Lincoln Social media campaigns DUI lawyer Online colledges sell your structured settlement payments car insurance quotes Custom WordPress theme designer Holland Michigan College Dwi lawyer WordPress hosting Learning adobe illustrator online criminal justice degree Casino Mortgage adviser Neuson Car Accident Lawyers personal injury attorney springfield mo MESOTHELIOMA LAW FIRM refinance with poor credit best criminal lawyer in arizona Computer science classes online Psychic for free CAR INSURANCE QUOTES UTAH average mesothelioma settlement Dallas mesothelioma attorneys mesothelioma law suit structured settlement sell Criminal lawyer Royalty Free Images Stock Insurance Companies New social media platforms home phone internet bundle WORLD TRADE CENTER FOOTAGE Casino reviews Online Stock Trading CHEAP DOMAIN REGISTRATION HOSTING federal criminal defense attorney accident lawyers in los angeles Make money online Australia auto accident attorney Torrance mesothelioma attorney directory CAR ACCIDENT LAWYERS Paperport Promotional Code Criminal defense lawyer refinance with bad credit michigan motorcycle accident lawyer Best social media platforms for business Live casino Claim mesothelioma lawyer texas Car Insurance Quotes MN Social media management dallas mesothelioma attorneys Paperport promotional code Hire php developers Hire php programmers Auto Mobile Insurance Quote Car Donate Motor Replacements Dayton Freight Lines personal injury firm Business finance group How to Donate A Car in California personal injury attorney torrance Photo Christmas cards STRUCTURED ANNUITY SETTLEMENT REGISTER FREE DOMAINS Tech school Met auto Email Bulk Service structured settlement need cash now Service business software Royalty free images stock massage school dallas texas DONATE CAR FOR TAX CREDIT Php programmers for hire DONATE OLD CARS TO CHARITY WordPress theme designers structure settlements cash out structured settlement automobile accident attorney Hire php developer selling my structured settlement Car Insurance Quotes PA Bankruptcy lawyer criminal defense attorneys florida Mortgage Adviser onlineclasses ONLINE MOTOR INSURANCE QUOTES Php programmers world trade center footage Best Seo company Seo companies boca raton personal injury attorney DONATE A CAR IN MARYLAND car accident lawyers Online Motor Insurance Quotes MASSAGE SCHOOL DALLAS TEXAS Donate cars in ma miami personal injury lawyer Social media platforms for business mesothelioma lawyers san diego Seo services Cheap Car Insurance in Virginia uk homeowner loans Sell Annuity Payment Best social media platforms

Share: