Ciao e Benvenuto! ♥

In questa sezione ho raccolto alcuni script dedicati
agli effetti che si possono assegnare al cursore!
Ne puoi trovare di due tipi quelli che seguono il puntatore
e quelli che lo sostituiscono!
Buon divertimento^^!!

Effetti che seguono il cursore:

Questi effetti non modificano la forma del cursore che rimane
quella di default la classica freccia,ma lo seguono!

1 ♥Bollicine che seguono il mouse:

Nello script si possono modificare colore e numero di bollicine
Puoi osservarne l'effetto nella finestra dedicata, qui sotto!

Questo è lo script:

/****************************
* JavaScript Bubble Cursor  *
* (c) 2010 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
// prelevato ed illustrato su Web-Link.it

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
  var rats, div;
  for (var i=0; i<bubbles; i++) {
    rats=createDiv("3px", "3px");
	rats.style.visibility="hidden";

div=createDiv("auto", "auto");
    rats.appendChild(div);
	div=div.style;
    div.top="1px";
    div.left="0px";
	div.bottom="1px";
	div.right="0px";
	div.borderLeft="1px solid "+colours[3];
	div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
	rats.appendChild(div);
	div=div.style;
    div.top="0px";
    div.left="1px";
	div.right="1px";
	div.bottom="0px"
	div.borderTop="1px solid "+colours[0];
	div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
	rats.appendChild(div);
	div=div.style;
	div.left="1px";
	div.right="1px";
    div.bottom="1px";
	div.top="1px";
	div.backgroundColor=colours[4];
	div.opacity=0.5;
	if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
	bubb[i]=rats.style;
  }
  set_scroll();
  set_width();
  bubble();
}}

document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sleft;
  x=(e)?e.pageX:event.x+sdown; }

function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height;
  div.style.width=width;
  div.style.overflow="hidden";
  return (div);
}
//  -->
</script>

2 ♥Cuoricini che seguono il mouse:

Nello script si possono modificare i colori ed il numero dei cuoricini
Puoi osservarne l'effetto nella finestra qui sotto!

Questo è lo script:

// <![CDATA[
var colours=new Array('#f00', '#f06', '#f0f', '#f6f', '#f39', '#f9c'); // colours of the hearts
var minisize=16; // smallest size of hearts in pixels
var maxisize=28; // biggest size of hearts in pixels
var hearts=66; // maximum number of hearts on screen
var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects

/*****************************
*JavaScript Love Heart Cursor*
*  (c)2013+ 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 herz=new Array();
var herzx=new Array();
var herzy=new Array();
var herzs=new Array();
var kiss=false;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addRVLoadEvent(mwah);

document.onmousedown=pucker;
document.onmouseup=function(){clearTimeout(kiss);};

function pucker() {
  ox=-1;
  oy=-1;
  kiss=setTimeout('pucker()', 100);
}

function break_my_heart(i) {
  var t;
  herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  herz[i].style.fontWeight='bold';
  herzy[i]=false;
  for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
}

document.onmousemove=mouse;
function mouse(e) {
  if (e) {
    y=e.pageY;
    x=e.pageX;
  }
  else {
    set_scroll();
    y=event.y+sdown;
    x=event.x+sleft;
  }
}

3 ♥Stelline che seguono il mouse:

Nello script si può modificare il colore ed il numero delle stelline
Puoi vederne l'effetto nella finestra che trovi qui sotto!

Questo è lo script:

/****************************
*  Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
/* prelevato ed illustrato su Web-Link.it 
******************************************/

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();

document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}

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>

4 ♥Stelline multicolore che seguono il mouse:

Nello script puoi modificare i colori ed il numero si stelline.
Puoi vedere l'effetto nella finestra qui sotto!

Questo è lo script:

<script type="text/javascript">
  var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  var sparkles=50;
 /****************************
  *  Tinkerbell Magic Sparkle *
  *(c)2005-12 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; i<sparkles; i++) {
  var rats=createDiv(3, 3);
  rats.style.visibility="hidden";
  rats.style.zIndex="999";
  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";
  rats.style.zIndex="999";
  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; c<sparkles; 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].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  star[c].style.visibility="visible";
  starv[c]=50;
  break;
  }
  }
  for (c=0; c<sparkles; 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;
  starx[i]+=(i%5-2)/5;
  if (stary[i]<shigh+sdown) {
  star[i].style.top=stary[i]+"px";
  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";
  tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  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;
  tinyx[i]+=(i%5-2)/5;
  if (tinyy[i]<shigh+sdown) {
  tiny[i].style.top=tinyy[i]+"px";
  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) {
  if (e) {
  y=e.pageY;
  x=e.pageX;
  }
  else {
  set_scroll();
  y=event.y+sdown;
  x=event.x+sleft;
  }
  }
  window.onscroll=set_scroll;
  function set_scroll() {
  if (typeof(self.pageYOffset)=='number') {
  sdown=self.pageYOffset;
  sleft=self.pageXOffset;
  }
  else if (document.body && (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() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
  if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
  if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
  sw_min=800;
  sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
  }
  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";
  return (div);
  }
  function newColour() {
  var c=new Array();
  c[0]=255;
  c[1]=Math.floor(Math.random()*256);
  c[2]=Math.floor(Math.random()*(256-c[1]/2));
  c.sort(function(){return (0.5 - Math.random());});
  return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  }
  </script>

∼ Lily of the Valley ∼

SCRIPT EFFETTI CURSORE

Menu:

Un votino per me ^_^ :

...Indovinelli ^_^...

Bellissimo Lunario,prelevato
da un sito altrettanto bello...
Il link lo trovate sul calendario ^__^

Heracleum blog & web tools

Grazie della visita ♥ ♥ ♥ Torna a trovarmi

Page 1

Ciao e Benvenuto! ♥

In questa sezione ho raccolto alcuni script dedicati
agli effetti che si possono assegnare al cursore!
Ne puoi trovare di due tipi quelli che seguono il puntatore
e quelli che lo sostituiscono!
Buon divertimento^^!!

Effetti che seguono il cursore:

Questi effetti non modificano la forma del cursore che rimane
quella di default la classica freccia,ma lo seguono!

1 ♥Bollicine che seguono il mouse:

Nello script si possono modificare colore e numero di bollicine
Puoi osservarne l'effetto nella finestra dedicata, qui sotto!

Questo è lo script:

2 ♥Cuoricini che seguono il mouse:

Nello script si possono modificare i colori ed il numero dei cuoricini
Puoi osservarne l'effetto nella finestra qui sotto!

Questo è lo script:

3 ♥Stelline che seguono il mouse:

Nello script si può modificare il colore ed il numero delle stelline
Puoi vederne l'effetto nella finestra che trovi qui sotto!

Questo è lo script:

4 ♥Stelline multicolore che seguono il mouse:

Nello script puoi modificare i colori ed il numero si stelline.
Puoi vedere l'effetto nella finestra qui sotto!

Questo è lo script:

............................................................................

A presto e buona Navigazione!
Francesca ♥

ೡ Lily of the Valley online da...

Pagine:

♥ ♥ ♥ ♥ ♥ ♥ ♥

^..^ Sei a pagina n°1

∼ Lily of the Valley ∼

SCRIPT EFFETTI CURSORE

Menu:

Un votino per me ^_^ :

...Indovinelli ^_^...

Bellissimo Lunario,prelevato da un sito altrettanto bello...Il link lo trovate sul calendario ^__^

Heracleum blog & web tools

Grazie della visita ♥ ♥ ♥ Torna a trovarmi

Page 1

Ciao e Benvenuto! ♥

In questa sezione ho raccolto alcuni script dedicati agli effetti che si possono assegnare al cursore! Ne puoi trovare di due tipi quelli che seguono il puntatore e quelli che lo sostituiscono!Buon divertimento^^!!

Effetti che seguono il cursore:

Questi effetti non modificano la forma del cursore che rimane quella di default la classica freccia,ma lo seguono!

1 ♥Bollicine che seguono il mouse:

Nello script si possono modificare colore e numero di bollicinePuoi osservarne l'effetto nella finestra dedicata, qui sotto!

Questo è lo script:

2 ♥Cuoricini che seguono il mouse:

Nello script si possono modificare i colori ed il numero dei cuoriciniPuoi osservarne l'effetto nella finestra qui sotto!

Questo è lo script:

3 ♥Stelline che seguono il mouse:

Nello script si può modificare il colore ed il numero delle stelline Puoi vederne l'effetto nella finestra che trovi qui sotto!

Questo è lo script:

4 ♥Stelline multicolore che seguono il mouse:

Nello script puoi modificare i colori ed il numero si stelline. Puoi vedere l'effetto nella finestra qui sotto!

Questo è lo script:

............................................................................

A presto e buona Navigazione!Francesca ♥

ೡ Lily of the Valley online da...

Pagine:

♥ ♥ ♥ ♥ ♥ ♥ ♥

^..^ Sei a pagina n°1

Bellissimo Lunario,prelevato
da un sito altrettanto bello...
Il link lo trovate sul calendario ^__^

In questa sezione ho raccolto alcuni script dedicati
agli effetti che si possono assegnare al cursore!
Ne puoi trovare di due tipi quelli che seguono il puntatore
e quelli che lo sostituiscono!
Buon divertimento^^!!

Questi effetti non modificano la forma del cursore che rimane
quella di default la classica freccia,ma lo seguono!

Nello script si possono modificare colore e numero di bollicine
Puoi osservarne l'effetto nella finestra dedicata, qui sotto!

Nello script si possono modificare i colori ed il numero dei cuoricini
Puoi osservarne l'effetto nella finestra qui sotto!

Nello script si può modificare il colore ed il numero delle stelline
Puoi vederne l'effetto nella finestra che trovi qui sotto!

Nello script puoi modificare i colori ed il numero si stelline.
Puoi vedere l'effetto nella finestra qui sotto!

A presto e buona Navigazione!
Francesca ♥