Näpunäide: pange Facebooki pildid hõljuma

Programmeerimine on põnev maailm, kus pole piire, loovuse, vaba aja ja ennekõike paljude kohvitassidega saab arendada muljetavaldavaid asju. Selle näiteks on võimalus lõbutseda ujuv efekt Facebooki piltidega, põhineb koodil JavaScript, mis kahtlemata köidab iga kasutaja tähelepanu, kes seda näeb.

Selle idee seisneb selles, et näiteks oma profiilis olles kleebite brauserisse koodi ja kohe hakkab teie profiili foto, kaan ja muud pildid kogu ekraanil hõljuma ... sellest pole mingit kasu , aga väga lõbus on näidata oma arvutioskusi 😉

Kas julged proovida? See on lihtne, lugege edasi, et näha, kuidas seda õigesti teha.

Ujuva pildi efekt Facebookis

Mozilla Firefoxi jaoks

1. samm. Minge suvalisele profiilile või lehele, kus ilmselgelt on mitu pilti.
2. samm. Avage veebiarendaja tööriistad (Ctrl + Tõstuklahv + I) või Menüü> Arendaja> Veebikonsool (Ctrl + Tõstuklahv + K).
Samm 3.- Kleepige konsoolis järgmine kood ja vajutage sisestusklahvi.

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.pikkus; funktsioon A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.positsioon = 'absoluutne'; 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); tühi (0);

See on kõik! Kui tegite seda õigesti, märkate koheselt, et pildid libisevad ekraanil edasi -tagasi tantsimise rütmis.

Google Chrome'i jaoks

1. samm. Minge mis tahes profiilile või lehele, kus on pilte.
Samm 2. Kleepige brauseri (omnikastik) aadressiribale järgmine kood:

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.pikkus; funktsioon A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.positsioon = 'absoluutne'; 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); tühi (0);

silm! enne sisestusklahvi vajutamist peate käsitsi sisestama javascript: alguses, nagu on näidatud koodis, kuna Chrome ei aktsepteeri seda, kui kleepite selle otse.

Kas pole selge? Vaata videot 🙂







Arvesse võtta:




  • See kood ei ole pahatahtlik
  • See ei kahjusta teie arvutit ega häkita teie profiili 😉
  • Kui mõistate matemaatikat ja JavaScripti, saate seda muuta.
  • Tavaliseks naasmiseks laadige leht uuesti (F5).
Ja siit tuleb trikk, ma tahaksin, et te jagaksite, meeldivaks või +1 =)


Jäta oma kommentaar

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on tähistatud *

*

*

  1. Andmete eest vastutab: ajaveeb Actualidad
  2. Andmete eesmärk: Rämpsposti kontrollimine, kommentaaride haldamine.
  3. Seadustamine: teie nõusolek
  4. Andmete edastamine: andmeid ei edastata kolmandatele isikutele, välja arvatud juriidilise kohustuse alusel.
  5. Andmete salvestamine: andmebaas, mida haldab Occentus Networks (EL)
  6. Õigused: igal ajal saate oma teavet piirata, taastada ja kustutada.