有趣的前端代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

# 随机位置随机颜色的点     <script>         setInterval(function() {   var dot = document.createElement("div");   dot.style.position = "fixed";   dot.style.top = Math.random() * 100 + "%";   dot.style.left = Math.random() * 100 + "%";   dot.style.width = "10px";   dot.style.height = "10px";   dot.style.borderRadius = "50%";   dot.style.backgroundColor = "#" + Math.floor(Math.random()*16777215).toString(16);   document.body.appendChild(dot); }, 1000);     </script>          # 元素跳动  <style>         @keyframes jump {   0% { transform: translateY(0); }   50% { transform: translateY(-20px); }   100% { transform: translateY(0); } }   .jump-element {   animation: jump 1s infinite; }     </style>