Cómo agregar código de Konami a su sitio de Internet (6 / 7 paso)

Paso 6: Añadir la función de desplazamiento

En mi opinión esta es la parte más compleja del código, pero ya casi terminamos!

Este siguiente trozo de código que estamos agregando permite su imagen para mover de derecha a izquierda a través de la pantalla. Para mover de izquierda a derecha, sólo cambia la "izquierda" "derecha" en la inicialización.

Una vez más, para una descripción más de lo que hace cada fragmento de código, haga clic en las imágenes y leer las notas.

PAS este código justo antes de su < /script > etiqueta:

{$(function()}
className var = $('.className');

className.css ("izquierda", a pie + '%');

horizontal de var = className.css('background-position-x');

Bandera de var = 0; desplazamiento de var = 23;
Console.log(Walking);

$(documento) .on ("vaya", function() {}

if(showclassName == true) {}

desplazamiento de var = $(document).scrollTop();
caminar = caminar - 1;
className.css ("izquierda", a pie + '%');

Si (caminando == -10) {}
caminar = 110; }

Si ((scroll % 3) == 0) {}

Si (horizontal == "0px") {}
className.css ("fondo-posición-x", "-65px");

horizontal=className.CSS('background-Position-x');

}
else if ((horizontal == "-65px") & & (bandera == 0)) {}
className.css ("fondo-posición-x", "-130px");

horizontal=className.CSS('background-Position-x');

bandera = 1;
}
else if ((horizontal == "-65px") & & (bandera == 1)) {}
className.css ("fondo-posición-x", "0px");

horizontal=className.CSS('background-Position-x');

Bandera = 0;
}
else if (horizontal == "-130px") {}
className.css ("fondo-posición-x", "-65px");

horizontal=className.CSS('background-Position-x');

} } } }); });