Efecto Burbujitas En El Cursor

lunes, 8 de agosto de 2011 @ 8/08/2011 12:54:00 a. m.


Bueno, este tutorial lo encontré en una página anónima, que estaba solo esta entrada, además, se me perdió la pag, y no tenía ningun botón de afiliación ni nada.. y no se el nombre de la pagina. Asíquee.. aqui os pongo el código para las burbujitas saliendo del cursor. :3

Pri,ero, vamos a Diseño // Elementos de Página // HTML Javascript

Y ahora, pegamos el código en el HTML. Pero, no se olviden de lo que está en moradito, de modificarlo, okii? :D

<script type="text/javascript">
/ / <[CDATA [!
colores var = new Array ("# A6F", "# 60F", "# 60F", "# A6F", "# ccc"); / / colores para los bordes superior, derecha, abajo y de izquierda y el fondo de burbujas
burbujas var = 66 / / Número de burbujitas .
var x = ox = 400;
var y = oy = 300;
var swide = 800;
shigh var = 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 (documento . getElementById) {
var ratas, div;
for (var i = 0; i <burbujas; i + +) {
ratas = createDiv ("3px", "3px");
rats.style.visibility = "hidden";


div = createDiv ( "auto",



sólido "+ colores [3];
div.borderRight = "1px solid" + colores [1],


div = createDiv ("auto",


sólido "+ colores [0];
div.borderBottom = "1px solid" + colores [2],


div = createDiv ("auto",

(Document.all)










burbuja () {
var c:
if (x! = buey | | y! = oy) {
ox = x,
oy = y;
(! Bubby [c]) para (c = 0;; c <burbujas c + +) si





(C = 0, c <burbujas; c + +) if (Bubby [c]) update_bubb (c);
setTimeout ("bubble ()", 40);
}


función update_bubb (i) {
if (Bubby [i]) {
Bubby [i] -= Bubbs [i] / 2 + i del 2%;
bubbx [i] + = (% i 2.5) / 5;
if (Bubby [i]> sdown & & bubbx [i]> 0) {
si (Math.random () <Bubbs [i] / shigh * 2 & & Bubbs [i] + + <8)



{
Bubb [i] la visibilidad = "hidden";.
Bubby [i] = 0;
return;
}
}
}


= document.onmousemove ratón,
ratón función (e) {
set_scroll ();
y = (e) e.pageY? event.y + sleft,
x = (e) e.pageX: event.x sdown +;}?


window.onresize = set_width;
set_width function () {
if (y document.documentElement y document.documentElement.clientWidth) {
swide = documento . documentElement.clientWidth;
shigh = document.documentElement.clientHeight;
}
else if (typeof (self.innerHeight) == "number") {
swide = self.innerWidth;
shigh = self.innerHeight;
}
else if (document.body. clientWidth) {
swide = document.body.clientWidth;
shigh = document.body.clientHeight;
}
else {
swide = 800;
shigh = 600;
}
}


= window.onscroll set_scroll;
set_scroll function () {
if (typeof (self.pageYOffset ) == "number") {
sdown = self.pageYOffset;
sleft = self.pageXOffset;
}
else if (document.body.scrollTop | | document.body.scrollLeft) {
sdown = document.body.scrollTop;
sleft documento =. 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;
}
}


función createDiv (alto, ancho) {
var




(Div);
}
/ /]]>
</ script>



Copyright ©. Layout by SekarYoshioka. Icons from NellyB. Please view it with Google Chrome 1024*768. All rights reserved.
back to top?

Older Post