การเขียนโปรแกรมเป็นโลกที่น่าสนใจที่ไร้ขีดจำกัด ด้วยความคิดสร้างสรรค์ เวลาว่าง และเหนือสิ่งอื่นใดนอกจากกาแฟหลายถ้วย สิ่งที่น่าประทับใจสามารถพัฒนาได้ ตัวอย่างนี้คือความเป็นไปได้ของการบรรลุความสนุกสนาน เอฟเฟกต์ลอยตัวพร้อมรูปภาพ Facebook, ตามรหัส JavaScriptซึ่งจะดึงดูดความสนใจของผู้ใช้ที่เห็นได้อย่างไม่ต้องสงสัย
แนวคิดก็คือการอยู่ในโปรไฟล์ของคุณ เช่น คุณวางโค้ดในเบราว์เซอร์ และทันทีที่รูปภาพโปรไฟล์ของคุณ หน้าปก และรูปภาพอื่นๆ เริ่มลอยไปทั่วหน้าจอของคุณ ... มันไม่มีประโยชน์อะไรเลย แต่คงจะสนุกมากที่ได้แสดงทักษะการใช้คอมพิวเตอร์ของคุณ 😉
คุณกล้าลองไหม ง่าย อ่านต่อไปเพื่อดูวิธีการทำอย่างถูกต้อง
เอฟเฟกต์รูปภาพลอยบน Facebook
สำหรับ Mozilla Firefox
จาวาสคริปต์: 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.ความยาว; ฟังก์ชัน A () {สำหรับ (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'สัมบูรณ์'; 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); เป็นโมฆะ (0);
สำหรับ Google Chrome
จาวาสคริปต์: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.ความยาว; ฟังก์ชัน A () {สำหรับ (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'สัมบูรณ์'; 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); เป็นโมฆะ (0);
ไม่ชัดเจน? ชมวิดีโอ 🙂
เพื่อนำมาพิจารณา:
- รหัสนี้ไม่เป็นอันตราย
- มันจะไม่ทำลายคอมพิวเตอร์ของคุณหรือแฮ็คโปรไฟล์ของคุณ😉
- หากคุณเข้าใจคณิตศาสตร์และจาวาสคริปต์ คุณสามารถแก้ไขได้
- หากต้องการกลับสู่ปกติ ให้โหลดหน้าซ้ำ (F5)