HTML5是一種網絡標準語言,它能夠讓網站更加吸引人和互動性更強。然而,有些人喜歡更有趣的事情。他們使用HTML5來制作惡搞網站和惡作劇。下面是一些HTML5的惡搞代碼。
<!DOCTYPE html> <html> <head> <title>網站炸彈</title> <script type="text/javascript"> setInterval(function() { alert("網站即將爆炸!"); }, 5000); </script> </head> <body> <h1>這是一個炸彈</h1> <p>這個網站將在5秒鐘后自動關閉。</p> </body> </html>
上面的代碼可以讓一個網站在打開后的5秒鐘內自動發出彈窗警告,告訴用戶網站即將爆炸。當然,這只是一個惡作劇,實際上網站不會爆炸。
<!DOCTYPE html> <html> <head> <title>宇宙行星</title> </head> <body> <canvas id="myCanvas"></canvas> <script type="text/javascript"> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = "white"; ctx.beginPath(); ctx.arc(75, 75, 50, 0, 2 * Math.PI); ctx.fill(); ctx.strokeStyle = "black"; ctx.beginPath(); ctx.moveTo(110, 75); ctx.lineTo(130, 75); ctx.stroke(); ctx.beginPath(); ctx.arc(75, 75, 30, 0, Math.PI); ctx.stroke(); </script> </body> </html>
上面的代碼可以制作一個惡搞的行星。代碼使用了HTML5的canvas
標簽,繪制的效果很像一個行星。但是,實際上這個行星沒有任何作用和用途。
以上就是一些HTML5的惡搞代碼示例。當然,我們應該在使用HTML5時注重其真正的用途,而不是使用它來惡搞或者制造惡作劇。
下一篇簡單css跑馬燈