Red de conocimiento informático - Aprendizaje de programación - Código fuente de efectos especiales de JavaScript

Código fuente de efectos especiales de JavaScript

Geniales bandas de tres colores que siguen al mouse.

html gt

lthead gt

lttitle gt efectos especiales de la página web | linkweb.cn/js | -Cintas geniales de tres colores que siguen al mouse

lt/cabeza gt; ltbody bgColor=#000000gt.

¡Es! -Agrega el siguiente código a

ltscript language="JavaScript" gt

lt! -

var a_Color='fff000

var b_Color='00ff00

var c_Color='ff00ff

var Size = 120;

var YDummy=new Array(), XDummy = new Array(), xpos=0, ypos=0, este paso = 0, tamaño de paso = 0.6;

if (document.layers){

ventana.captureEvents(events.

MOUSEMOVE);

Función nsMouse(evnt){

xpos = ventana . 16;

}

window.onMouseMove = nsMouse

}

si no (document.all)

{

Función ieMouse(){

xpos = cuerpo del documento. evento de desplazamiento hacia la izquierda x 6;

ypos = evento de desplazamiento hacia la parte superior.

}

document.onmousemove = ieMouse

}

Función de barrido(){

for(I = 0;ilt3;i)

{

YDummy[I]= ypos Tamaño * math sin((1 * math . sin((este paso)) /10)) I * 2)* math . sin((este paso)/4);

xdumid[I]= xpos Size * math cos((1 * math . sin((este paso. )/10)) I * 2)* math . sin((este paso)/4);

}

este paso = paso;

setTimeout ('remolino()', 10);

}

var cantidad = 10

if (documento.capas){

for(I = 0; i lt cantidad; i )

{

document . write(' lt; nombre de capa = NSA ' I ' arriba = 0 izquierda = 0 ancho = ' I/2 ' altura = ' I/2 ' bgcolor = ' a _ Color ' gt; lt/layer gt ');

documento . arriba = 0 izquierda = 0 ancho = ' I/2 ' alto = ' I/2 ' bgcolor = ' b _ Color ' gt; lt/capa gt '); ;nombre de capa = NSC ' I ' arriba = 0 izquierda = 0 ancho = ' I/2 ' altura = ' I/2 ' bgcolor = ' c _ Color ' gt; p>}

}

else if (document.all){

document . write(' lt; div id = " ODiv " estilo = " posición. :absoluta;t

op: 0px; izquierda: 0px " >; '

' lt; ' div id = " IDiv " estilo = " posición: relativa " >);

for(I = 0 ; i lt cantidad; i )

{

document . write(' lt; div id = x estilo = " posición: absoluta; arriba: 0px; izquierda: 0px ancho: " I/2 "; altura: " I/2 "; fondo: " a_Color "; tamaño de fuente: ' I/2 ' " gt; lt/div gt '); ' lt; div id = y estilo = " posición: absoluta; arriba: 0px; izquierda: 0px ancho: "I/2"; alto: "I/2"; fondo: "b_Color"; tamaño de fuente:' I/ 2 ' " gt; lt/div gt; ');

document . write(' lt; div id = z estilo = " posición: absoluta; arriba: 0px; izquierda: 0px ancho : " I/ 2 "; altura: " I/2 "; fondo: " c_Color "; tamaño de fuente: ' I/2 ' " gt; lt/div gt '); p>document .write(' lt;/div gt; lt/div gt;');

}

Prepos de función(){

var ntscp = document.layers

var msie = document.all

if (document.layers){

for(I = 0; i lt cantidad; i )

{

Si (cantidad i lt - 1)

{

ntscp['nsa' i ]. 'nsa' (i 1)]. izquierda=ntscp['nsa' (i 1)].

ntscp[' nsb' i]. arriba; ntscp['nsb' i]. izquierda=ntscp['nsb' (i 1)]. Izquierda;

ntscp['nsc' i]. arriba=ntscp['nsc' (i 1)]. arriba;ntscp['nsc' i]. izquierda=ntscp['nsc' (i 1)]. Izquierda;

}

Otro

{

ntscp['nsa' i]. arriba = y dummy[0];ntscp['nsa' i]. izquierda = xdumid[0];

ntscp['nsb' i]. arriba = YDummy[1];ntscp['nsb' i]. izquierda = xdument[1];

ntscp['nsc' i]. arriba = YDummy[2];ntscp['nsc' i].

left = xdument[2];

}

}

}

si no (document.all){

for(I = 0; I lt cantidad; i )

{

If (I lt cantidad - 1)

{

msie x[I]. estilo superior = msie x[I 1]. ]. estilo superior = msie . estilo z[I]. >}

Otro

{

msie x[I]. izquierda = xdumid[0];

msie y[I]. arriba = YDummy[1]; . estilo . arriba = YDummy[2]; msie z[I] estilo .

setTimeout("prepos()", 10);

}

Función Inicio(){

Remolino(), prefijo. ()

}

ventana.onload = Inicio

//- gt;

lt/script gt;

lt/body gt; lt/html gt;

Una pelota saltarina muy realista que sigue al ratón.

lthtml gt

lthead gt

lttitle gt efectos especiales de la página web | linkweb.cn/js | -Una bola elástica muy realista que sigue el mouse

lt/cabeza gt; ltcuerpo gt

lt! -Agrega el siguiente código a

ltDIV id=dot0

style = " ALTURA: 16; posición: absoluta; visibilidad: oculta; ancho: 11; izquierda: 10; arriba: 15 " > ltIMG

altura = 11 src = " imágenes/bullet . gif " ancho = 11 gt; lt/DIV gt;

ltDIV id = punto 1 estilo = " ALTURA: 11px ; posición: absoluta; ancho: 11px "> ltIMG

alto = 11 src = " imágenes/bullet .gif " ancho = 11 gt; lt/DIV gt;

ltDIV id = punto 2 estilo = " ALTURA: 11px; posición: absoluta; ancho: 11px " > ltIMG

altura = 11 src = " imágenes/bullet .gif " ancho = 11 gt lt/DIV gt; p>

ltDIV id = punto 3 estilo = " ALTO: 11px; posición: absoluta; ancho: 11px " > ltIMG

alto = 11 src = " imágenes/bullet . gif " ancho = 11 gt ; lt/DIV gt;

ltDIV id = punto 4 estilo = " ALTURA: 11px; posición: absoluta; ancho: 11px " > ltIMG

altura = 11 src = " imágenes / bala .gif " ancho = 11 gt; lt/DIV gt;

ltDIV id = punto 5 estilo = " ALTURA: 11px; posición: ancho: 11px " > ltIMG

altura = 11 src = " imágenes/bullet . gif " ancho = 11 gt; lt/DIV gt;

ltDIV id = punto 6 estilo = " ALTO: 16; posición: absoluta; ancho: 11; izquierda : 10; arriba: 15 "> ltIMG

alto = 11 src = " imágenes/bullet .gif " ancho = 11 gt; lt/DIV gt;

lenguaje ltscript = JavaScript gt

var nDots = 7;

var Xpos = 0;

var Ypos = 0;

var DELTAT = 01 ;

var SEGLEN = 10;

var SPRINGK = 10;

var MASA = 1;

var x gravedad = 0

>

var YGRAVITY = 50

var resistencia = 10;

var stop vel = 0,1;

var STOPACC = 0,1;

var DOTSIZE = 11;

var rebote = 0,75;

var isNetscape = navegador .appname = "Netscape"

var followmouse = true< / p>

var puntos = new Array();

init();

Función init()

{

var I = 0;

for(I = 0; i ltnDotsi ) {

puntos[i] = nuevo punto (I

}

p>

if(!isNetscape) {

}

for(I = 0; i ltnDotsi) {

puntos[i]left . x;

puntos[I]obj .arriba = puntos[I]. y;

}

if (isNetscape) {

startanimate();

}else{

setTimeout("startanimate()", 1000);

}

}

Punto de función (1)

{

Esto. X = Xpos

Esto. Y = Ypos

esto .dx = 0;

este dy = 0;

si (isNetscape) {

esto. obj = eval(" documento . punto " I);

} En caso contrario {

this.obj = eval("punto" i "). estilo");

}

}

Función startanimate() {

setInterval("animate()", 20);

}

Posición inicial del conjunto de funciones (punto)

{

var start loc = document . p >var I = 0;

for(I = 0; i ltstartloc.length amp amp i lt(n puntos-1); i ) {

puntos[i 1] . X = inicioloc[i]. Izquierda

inicio loc[I]. desplazamiento padre .desplazamiento izquierda-DOTSIZE;

puntos[i 1]. Y = inicioloc[i]. offsetTop

iniciar loc[I]. desplazamiento padre .offsettop 2 * DOTSIZE

}

Punto[0]. X = punto[1]. x;

Punto[0]. Y = puntos[1].

y-SEGLEN;

}

Función controlador de movimiento (e)

{

Xpos = e.pageX

Ypos = e.pageY

Devuelve verdadero

}

Función MoveHandlerIE() {

xpos = evento de ventana. cuerpo del documento .desplazarse hacia la izquierda;

ypos = evento .y cuerpo del documento . p>

document.captureEvents(event.MOUSEMOVE);

document . onmousemove = mover controlador;

} en caso contrario {

document . ;

}

Función vec(X, Y)

{

Esto. X = X

Esto. Y = Y

}

Función fuerza del resorte (I, j, resorte)

{

var dx = (puntos[i ]. dx * dx dy * dy);

if(len gt;SEGLEN) {

var springF = SPRINGK *(len-SEGLEN);

Primavera. x =(dx/len)* primaveraF;

Primavera. y =(dy/len)* springF;

}

}

Función animate() {

var start = 0;

si (sigue el mouse) {

Punto[0]. X = Xpos

Punto[0]. Y = Ypos

inicio = 1;

}

for(I = inicio; i ltnDotsi ) {

var primavera = nuevo vec(0, 0);

If (i gt0) {

springForce(i-1, I, primavera);

}

if(ilt(nDots - 1)) {

springForce(i 1, I, resorte

}

var resist = new vec); (-puntos[i].dx *resistencia,

-puntos[i].dy *resistencia);

var accel = new vec((resorte.X resistencia. x) /MASA dx = (DELTAT * accel.x);

Punto[i]. dy = (DELTA * acel.

y);

if (Math.abs(puntos[i].dx) lt;STOPVEL amplificador

Math.abs(puntos[i].dy) lt;STOPVEL amplificador amp

Math.abs(accel.x) lt;STOPACC amp amp

Math.abs(accel.y) lt;STOPACC) {

Punto [ i]. dx = 0;

Punto[i]. dy = 0;

}

Punto[i]. X = puntos[i]. dx;

Punto[i]. Y = puntos[i]. dy;

Diferentes alturas y anchos;

if (isNetscape) {

altura = ventana de altura interior .pageyoffset;

ancho = ventana . ancho interior ventana . pagexoffset;

}else{

altura = cuerpo del documento . = cuerpo del documento. cuerpo del documento de ancho.

if (punto[i].dy gt0) {

Punto[i]. dy = REBOTE * -puntos[i]. dy;

}

Punto[i]. y = altura-PUNTO-1;

}

if (punto[i].X gt=ancho-tamaño del punto){

if (punto[ i]. dx gt0) {

Punto[i]. dx = REBOTE * -puntos[i]. dx;

}

Punto[i]. x = ancho-PUNTO-1;

}

if (punto[i].X lt0) {

if (punto[i].dx lt0 ) {

Punto[i]. dx = REBOTE * -puntos[i]. dx;

}

Punto[i]. x = 0;

}

puntos[i] a la izquierda. x;

puntos[I]obj .arriba = puntos[I]. y;

}

}

lt/SCRIPT gt;

lt/cuerpo gt; >

Este lugar es demasiado pequeño para albergar a tanta gente.

/jave_mouse/29051032.htm

Hay muchos de ellos. Si no desea vincular, simplemente mire esos dos.