โค๊ด JavaScript

เทคนิคนี้เป็นการเติมแต่งให้ตกใจเล่นๆ ครับ ใครๆ คงนึกว่าเครื่องมีปัญหาหรือเปล่า ที่ไหนได้ เป็นลูกเล่นเอฟเฟ็กต์เกิดจากคำสั่งจาวาสคริปต์ ทำให้หน้าจอบราวเซอร์สั่นและเขย่าเหมือนจะโยนหน้าต่างบราวเซอร์ใส่หน้าคุณ คุณลองนำเอาเทคนิคนี้ไปใช้เล่นๆ

ซอร์ซโค้ด JavaScript : สั่นหน้าจอ Earth Quake

คุณสามารถคลิ้กพื้นที่ด้านในกรอบของวินโดวส์ และใช้แถบก็อบปี้เลือกสคริปต์ทั้งหมด และก๊อปปี้โค้ด โดยการกดคีย์ <Ctrl-C> นำสคริปต์ไปวางเป็นไฟล์ใหม่ อาจเป็นจะเป็นโปรแกรม Notepad หรืออิดีเตอร์ตัวไหนก็ได้ แล้วทำการจัดเก็บ โดยกดคีย์ <Ctrl-S>

วิธีการแทรกโค้ด มี 2 ขั้นตอน - ขั้นตอนที่ 1 : ให้คุณนำโค้ดข้างล่างนี้ แทรกโค้ดไว้ที่ส่วนหัวของแท็ก  <head> ในไฟล์เอกสาร HTML <script language="JavaScript1.2"> function windowquake() { for (i=50;i>=10;i--) { window.moveBy(10,10); window.moveBy(-10,0); window.moveBy(0,-10); } } </script> - ขั้นตอนที่ 2 : ให้คุณเพิ่มอีเวนต์ onLoad แทรก ซ้อนในส่วนของแท็ก <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> ในไฟล์เอกสาร HTML ข้างล่างนี้และลองคลิ้กปุ่มทดสอบ <body onload="windowquake();"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads>