Petua: Buat Gambar Facebook Terapung

Pengaturcaraan adalah dunia yang menarik di mana tidak ada batasan, dengan kreativiti, masa lapang dan di atas semua cawan kopi, perkara-perkara menarik dapat dikembangkan. Contohnya ialah kemungkinan mencapai keseronokan kesan terapung dengan gambar Facebook, berdasarkan kod JavaScript, yang pasti akan menarik perhatian setiap pengguna yang melihatnya.

Idea ini adalah bahawa dalam profil anda misalnya, anda menempelkan kod di penyemak imbas dan segera foto profil, penutup anda dan gambar lain mula melayang di seluruh skrin anda ... ia tidak ada gunanya sama sekali , tetapi akan sangat menyeronokkan untuk memamerkan kemahiran komputer anda 😉

Adakah anda berani mencubanya? Sangat mudah, baca terus untuk melihat cara melakukannya dengan betul.

Kesan gambar terapung di Facebook

Untuk Mozilla Firefox

Langkah 1.- Pergi ke mana-mana profil atau halaman, di mana jelas terdapat beberapa gambar.
Langkah 2.- Buka alat Pembangun Web (Ctrl + Shift + I), atau dari Menu> Pembangun> Konsol web (Ctrl + Shift + K).
Langkah 3.- Di konsol tampal kod berikut dan tekan Enter.

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. Panjang; fungsi A () {untuk (i = 0; i-DIL; i ++) {DIS = DI [i]. gaya; DIS.position = 'mutlak'; 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); tidak sah (0);

Itu sahaja! Sekiranya anda melakukannya dengan betul, anda akan langsung melihat bahawa gambar akan meluncur melintasi skrin, mengikut irama 'menari bolak-balik'.

Untuk Google Chrome

Langkah 1.- Pergi ke mana-mana profil atau halaman di mana terdapat gambar.
Langkah 2.- Di bar alamat penyemak imbas (kotak omni), tampal kod berikut:

tulisan 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. Panjang; fungsi A () {untuk (i = 0; i-DIL; i ++) {DIS = DI [i]. gaya; DIS.position = 'mutlak'; 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); tidak sah (0);

mata! sebelum menekan Enter, anda mesti menaip secara manual tulisan javascript: pada awalnya seperti yang ditunjukkan dalam kod, kerana Chrome tidak akan menerimanya jika anda menampalnya secara langsung.

Tidak jelas? Tonton videonya 🙂







Untuk mengambil kira:




  • Kod ini tidak berniat jahat
  • Ia tidak akan merosakkan komputer anda atau menggodam profil anda 😉
  • Sekiranya anda memahami matematik dan JavaScript, anda boleh mengubahnya.
  • Untuk kembali normal, muatkan semula halaman (F5).
Dan inilah helahnya, saya ingin anda berkongsi, suka atau +1 =)


Tinggalkan komen anda

Alamat email anda tidak akan disiarkan. Ruangan yang diperlukan ditanda dengan *

*

*

  1. Bertanggungjawab atas data: Blog Sebenar
  2. Tujuan data: Mengendalikan SPAM, pengurusan komen.
  3. Perundangan: Persetujuan anda
  4. Komunikasi data: Data tidak akan disampaikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Pangkalan data yang dihoskan oleh Occentus Networks (EU)
  6. Hak: Pada bila-bila masa anda boleh menghadkan, memulihkan dan menghapus maklumat anda.