Código fuente de efectos especiales de JavaScript
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.