elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  javascript - Burbujas ascendientes
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: javascript - Burbujas ascendientes  (Leído 1,285 veces)
TickTack


Desconectado Desconectado

Mensajes: 434


CipherX


Ver Perfil
javascript - Burbujas ascendientes
« en: 5 Noviembre 2018, 13:23 pm »

Hola,

Código:

Código:
<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de javascript</title>
  <meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'> <!--
Image0 = new Image();
Image0.src = "bubbles.gif";
Amount = 20;
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(e) {
Ymouse=(e)?e.pageY-20:window.event.y-20;
Xmouse=(e)?e.pageX:window.event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*4+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 8;
nsSize[i] = Math.random()*15+5;
rate[i] = Math.random()*0.5+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="si'+i+'" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90);">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.documentElement.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.documentElement.scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
sx = Speed[i] * Math.cos(Cstep[i] * 4);
Ypos[i] += sy;
Xpos[i] += sx;
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 8;
nsSize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
document.getElementById('si'+i).style.left = Xpos[i] + wscrll+"px";
document.getElementById('si'+i).style.top = Ypos[i] + hscrll+"px";
document.getElementById('si'+i).style.width = grow[i]+"px";
document.getElementById('si'+i).style.height = grow[i]+"px";
}
grow[i] += rate[i];
Cstep[i] += Step[i];
if (grow[i] > 24) grow[i] = 25;
}
setTimeout('MouseBubbles()', 10);
}
//-->
</script>
<!-- Presentado por javascripts-gratis.de --><br />
<script type="text/javascript">MouseBubbles();</script>
</body>
</html>

Página web: https://drive.google.com/open?id=1i49I75G8VWgWh5rid3Gljb5dvt7rIkCc

Saludos


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
[TUTO-PS]Burbujas de Sangre « 1 2 »
Diseño Gráfico
-[C][L4RiO][N]- 12 9,541 Último mensaje 13 Junio 2005, 21:09 pm
por ericsolid
Video-Tutorial: Como crear burbujas en photoshop [By metalico]
Diseño Gráfico
metalico_hack 3 6,664 Último mensaje 25 Noviembre 2008, 22:24 pm
por Spider-Net
Rajoy, eclipsado por las 'burbujas' de Báñez
Noticias
wolfbcn 0 1,311 Último mensaje 10 Junio 2012, 21:35 pm
por wolfbcn
Ayuda con javascript en mi web(no tengo ni idea de javascript)
Desarrollo Web
jonathanmr 1 3,487 Último mensaje 1 Febrero 2013, 06:14 am
por Shell Root
[javascript] [Bucle For] invertir números en javascript.
Desarrollo Web
Ali Baba 3 10,048 Último mensaje 29 Mayo 2017, 10:00 am
por ThinkByYourself
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines