HTML 5小球屏保是一段非常有趣的代碼，它可以在瀏覽器中顯示小球來吸引用戶的注意力。代碼使用canvas元素創建一個畫布，然后在畫布上繪制小球。

<canvas id="canvas" width="400" height="400"></canvas>
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var x = canvas.width/2;
var y = canvas.height/2;
var dx = 2;
var dy = -2;
var ballRadius = 10;
function drawBall() {
context.beginPath();
context.arc(x, y, ballRadius, 0, Math.PI*2);
context.fillStyle = "#0095DD";
context.fill();
context.closePath();
}
function draw() {
context.clearRect(0, 0, canvas.width, canvas.height);
drawBall();
x += dx;
y += dy;
if(x + dx >canvas.width-ballRadius || x + dx< ballRadius) {
dx = -dx;
}
if(y + dy >canvas.height-ballRadius || y + dy< ballRadius) {
dy = -dy;
}
}
setInterval(draw, 10);
</script>

在代碼中，我們首先創建了一個canvas元素，并設置它的寬和高。然后使用getContext方法獲取畫布的2D上下文。

在drawBall函數中，我們使用arc方法在畫布上繪制小球，并使用fillStyle屬性設置小球的填充顏色。

在draw函數中，我們首先使用clearRect方法清除畫布，并調用drawBall函數繪制小球。然后更新小球的位置，并在邊界處反彈。最后使用setInterval方法每10毫秒調用一次draw函數，讓小球動起來。

使用這段代碼可以很方便地在網頁中實現一個小球屏保效果。當然，還可以根據實際需求進行適當的修改和擴展。