Wskazówka: spraw, aby obrazy na Facebooku były unoszące się na wodzie

Programowanie to fascynujący świat, w którym nie ma granic, dzięki kreatywności, wolnemu czasowi, a przede wszystkim wielu filiżankom kawy, można tworzyć imponujące rzeczy. Przykładem tego jest możliwość osiągnięcia dobrej zabawy pływający efekt z obrazami z Facebooka, na podstawie kodu JAVASCRIPT, co niewątpliwie przyciągnie uwagę każdego użytkownika, który go zobaczy.

Pomysł polega na tym, że będąc na przykład w swoim profilu, wklejasz kod w przeglądarce i natychmiast zdjęcie swojego profilu, okładki i innych obrazów zaczyna unosić się na całym ekranie ... to nie ma żadnego sensu , ale fajnie będzie się pochwalić umiejętnościami obsługi komputera 😉

Czy odważysz się spróbować? To proste, czytaj dalej, aby zobaczyć, jak zrobić to dobrze.

Efekt pływających obrazów na Facebooku

Dla przeglądarki Mozilla Firefox

Krok 1. Przejdź do dowolnego profilu lub strony, na której oczywiście znajduje się kilka zdjęć.
Krok 2.- Otwórz narzędzia Web Developer (Ctrl + Shift + I) lub z Menu> Deweloper> Konsola internetowa (Ctrl + Shift + K).
Krok 3.- W konsoli wklej następujący kod i naciśnij Enter.

skrypt java: R = 0; x1 = 1; y1 = 05; x2 = 25; y2 = 24; x3 = 1.6; y3 = 24; x4 = 300; y4 = 200; x5 = 300; y5 = 200; DI = document.getElementsByTagName ("img"); DIL = DI.długość; funkcja A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = „bezwzględne”; DIS.left = (Math.sin (R * x1 + i * x2 + x3) * x4 + x5) + »px»; DIS.top = (Math.cos (R * y1 + i * y2 + y3) * y4 + y5) + »px»} R ++} setInterval ('A ()', 5); nieważny (0);

To wszystko! Jeśli zrobiłeś to poprawnie, od razu zauważysz, że obrazy przesuwają się po ekranie w rytmie „tańca tam iz powrotem”.

Dla Google Chrome

Krok 1. - Przejdź do dowolnego profilu lub strony, na której znajdują się obrazy.
Krok 2. – W pasku adresu przeglądarki (omniboksie) wklej następujący kod:

skrypt java:R = 0; x1 = 1; y1 = 05; x2 = 25; y2 = 24; x3 = 1.6; y3 = 24; x4 = 300; y4 = 200; x5 = 300; y5 = 200; DI = document.getElementsByTagName ("img"); DIL = DI.długość; funkcja A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = „bezwzględne”; DIS.left = (Math.sin (R * x1 + i * x2 + x3) * x4 + x5) + »px»; DIS.top = (Math.cos (R * y1 + i * y2 + y3) * y4 + y5) + »px»} R ++} setInterval ('A ()', 5); nieważny (0);

¡Ojo! przed naciśnięciem Enter musisz ręcznie wpisać skrypt java: na początku, jak pokazano w kodzie, ponieważ Chrome nie zaakceptuje tego, jeśli wkleisz go bezpośrednio.

Czy to nie jest jasne? Obejrzyj wideo 🙂







Brać pod uwagę:




  • Ten kod nie jest złośliwy
  • Nie uszkodzi komputera ani nie zhakuje Twojego profilu 😉
  • Jeśli rozumiesz matematykę i JavaScript, możesz je modyfikować.
  • Aby powrócić do normalnego, przeładuj stronę (F5).
I tu pojawia się sztuczka, chciałbym, żebyś się podzielił, jak lub +1 =)


Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Actualidad Blog
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.