Programmering är en fascinerande värld där det inte finns några gränser, med kreativitet, fritid och framför allt många koppar kaffe kan imponerande saker utvecklas. Ett exempel på detta är möjligheten att uppnå ett roligt flytande effekt med Facebook -bilder, baserat på en kod JavaScript, vilket utan tvekan kommer att locka uppmärksamhet hos alla användare som ser det.
Tanken med detta är att i din profil till exempel klistrar du in en kod i webbläsaren och omedelbart börjar fotot av din profil, omslag och de andra bilderna flyta över hela skärmen ... det har ingen nytta alls , men det kommer att bli väldigt roligt att visa upp dina datorkunskaper 😉
Vågar du prova det? Det är enkelt, läs vidare för att se hur du gör det rätt.
Flytande bilder effekt på Facebook
För Mozilla Firefox
javascript: 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. Längd; funktion A () {för (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolut'; DIS.vänster = (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); tomrum (0);
För Google Chrome
javascript: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. Längd; funktion A () {för (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolut'; DIS.vänster = (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); tomrum (0);
Har det inte varit klart? Se videon 🙂
Att ta hänsyn till:
- Denna kod är inte skadlig
- Det kommer inte att skada din dator eller hacka din profil 😉
- Om du förstår matte och JavaScript kan du ändra det.
- För att återgå till det normala, ladda om sidan (F5).