Hur du lägger till Konami koden på din webbplats (6 / 7 steg)
Steg 6: Lägga till funktionen Bläddra
Enligt min åsikt är detta den mest komplexa delen av koden, men vi är nästan klar!
Denna nästa bit kod lägger vi till gör din bild att flytta åt vänster höger över skärmen. Om du vill flytta det från vänster till höger, bara ändra den "vänster" till "rätt" i initieringen.
Återigen, för en närmare beskrivning av vad varje utdrag gör, klicka på bilderna och Läs kommentarerna.
Pas kodas detta precis innan din < / script > tag:
$(function() {
var className = $('.className');
className.css ("vänster", walking + "%");
var vågrät = className.css('background-position-x');
var flagga = 0; var scroll = 23.
Console.log(Walking);
$(dokument) .på ("Bläddra", function() { IF(showclassName == true) {
var scroll = $(document).scrollTop();
Walking = walking - 1;
className.css ("vänster", walking + "%");
om (walking == -10) {
Walking = 110. }
om ((scroll % 3) == 0) {
om (horisontell == "0px") {
className.css ("bakgrund-position-x", "-65px");
Horizontal=className.CSS('background-position-x');
}
annars om ((horisontell == "-65px") & & (flagga == 0)) {
className.css ("bakgrund-position-x", "-130 x");
Horizontal=className.CSS('background-position-x');
Flagga = 1;
}
annars om ((horisontell == "-65px") & & (flagga == 1)) {
className.css ("bakgrund-position-x", "0px");
Horizontal=className.CSS('background-position-x');
flagga = 0;
}
annars om (horisontell == "-130 x") {
className.css ("bakgrund-position-x", "-65px");
Horizontal=className.CSS('background-position-x');
} } } }); });