Libro de Visitas Gratis
Inicio | Directorio de Páginas | Diseño Gráfico | Gadgets | Posicionamiento | Webmasters| Buscador de Artículos | Glosarios

Efecto de "Trio de colores" persiguiendo el mouse

Añade Tu Web Al Directorio de NocionDigital.com
Solo hace falta que copies el código entre las etiquetas de <HEAD>..</HEAD> de tu página.


<SCRIPT LANGUAGE="JavaScript">
<!-- Trio 3 Script by kurt.grigg@virgin.net
//Choose colours and size of effect !!
var a_Colour=`fff000`;
var b_Colour=`00ff00`;
var c_Colour=`ff00ff`;
var Size=120;
//Alter nothing below !!
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
}
ThisStep+=step;
setTimeout(`swirl()`,10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write(`<layer name=nsa`+i+` top=0 left=0 width=`+i/2+` height=`+i/2+` bgcolor=`+a_Colour+`></layer>`);
document.write(`<layer name=nsb`+i+` top=0 left=0 width=`+i/2+` height=`+i/2+` bgcolor=`+b_Colour+`></layer>`);
document.write(`<layer name=nsc`+i+` top=0 left=0 width=`+i/2+` height=`+i/2+` bgcolor=`+c_Colour+`></layer>`);
}
}
else if (document.all){
document.write(`<div id="ODiv" style="position:absolute;top:0px;left:0px">`
+`<div id="IDiv" style="position:relative">`);
for (i = 0; i < amount; i++)
{
document.write(`<div id=x style="position:absolute;top:0px;left:0px;width:`+i/2+`;height:`+i/2+`;background:`+a_Colour+`;font-size:`+i/2+`"></div>`);
document.write(`<div id=y style="position:absolute;top:0px;left:0px;width:`+i/2+`;height:`+i/2+`;background:`+b_Colour+`;font-size:`+i/2+`"></div>`);
document.write(`<div id=z style="position:absolute;top:0px;left:0px;width:`+i/2+`;height:`+i/2+`;background:`+c_Colour+`;font-size:`+i/2+`"></div>`);
}
document.write(`</div></div>`);
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp[`nsa`+i].top=ntscp[`nsa`+(i+1)].top;ntscp[`nsa`+i].left=ntscp[`nsa`+(i+1)].left;
ntscp[`nsb`+i].top=ntscp[`nsb`+(i+1)].top;ntscp[`nsb`+i].left=ntscp[`nsb`+(i+1)].left;
ntscp[`nsc`+i].top=ntscp[`nsc`+(i+1)].top;ntscp[`nsc`+i].left=ntscp[`nsc`+(i+1)].left;
}
else
{
ntscp[`nsa`+i].top=YDummy[0];ntscp[`nsa`+i].left=XDummy[0];
ntscp[`nsb`+i].top=YDummy[1];ntscp[`nsb`+i].left=XDummy[1];
ntscp[`nsc`+i].top=YDummy[2];ntscp[`nsc`+i].left=XDummy[2];
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
}
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</SCRIPT>
 
Hits
DOCUMENTOS RELACIONDOS
9133
¿Que es PHP, cómo surgió y para qué se utiliza?.
4032
Cambio de Cursor.
956
Información de la variable.
3845
Instalar Apache - Php4 - MySQL - Mod_ssl.
1684
Efecto de flash en el borde de la tabla.
2964
Thumbnails de Imagenes.
3646
Escribir los textos al reves.
25511
Divisiones en PHP.
1059
Marquesina siguiendo el cursor.
1228
Cambio de idioma segun la información mandada por el navegador.
1356
Resultados de pop-up en ventana madre.
1136
Programando para inetd.
1044
Tablas.
1705
Abriendo una ventana al pasar por encima de un enlace y cerrarla al salir de este.
1213
Conectarse a una BBDD de Visual FoxPro..
1083
Textos preformateados.
1021
Mensaje en la barra de estado.
1711
Efecto de subrallado de las celdas de una tabla.
2691
Cálculo de la edad.
1017
Conversor de areas.


www.nociondigital.com - Todo para un mundo digital. Páginas Webs, Buscadores y Webmasters....