小圆球挂件的编程可以分为两种主要方法：
使用HTML和CSS
方法描述：
画两个小圆球，然后使用CSS动画来实现翻转效果。
HTML代码示例：
```html
```
CSS代码示例：
```css
.small-ball {
width: 50px；
height: 50px；
border-radius: 50%；
background-color: blue；
}
.small-left {
transform: rotateY（180deg）；
}
```
使用Canvas
方法描述：
使用Canvas绘制两个小圆球，并添加翻转动画。
JavaScript代码示例：
```javascript
class Ball {
constructor（x, y, radius） {
this.x = x；
this.y = y；
this.radius = radius；
this.startAngle = 0；
this.endAngle = 0；
this.direction = 1； // 1 for clockwise, -1 for counterclockwise
this.stroke = false；
this.fill = true；
this.scaleX = 1；
this.scaleY = 1；
}
}
function drawBall（ctx, ball） {
ctx.beginPath（）；
ctx.arc（ball.x, ball.y, ball.radius, ball.startAngle, ball.endAngle, ball.direction）；
if （ball.stroke） ctx.stroke（）；
if （ball.fill） ctx.fill（）；
}
function animateBall（ball, canvas） {
const dx = Math.cos（Date.now（） / 1000） * 2；
const dy = Math.sin（Date.now（） / 1000） * 2；
ball.x += dx；
ball.y += dy；
ball.startAngle += 0.01；
ball.endAngle += 0.01；
if （ball.x + ball.radius > canvas.width || ball.x - ball.radius < 0） ball.direction = -ball.direction；
if （ball.y + ball.radius > canvas.height || ball.y - ball.radius < 0） ball.direction = -ball.direction；
requestAnimationFrame（（） => animateBall（ball, canvas））；
}
const canvas = document.getElementById（'myCanvas'）；
const ctx = canvas.getContext（'2d'）；
const ball1 = new Ball（100, 100, 20）；
const ball2 = new Ball（200, 200, 20）；
animateBall（ball1, canvas）；
animateBall（ball2, canvas）；
```
这两种方法分别适用于不同的应用场景和需求。如果你是在网页上制作小圆球挂件，使用HTML和CSS可能更为简单快捷。如果你需要在更复杂的环境中进行编程，例如使用数控机床加工小圆球，那么使用数控编程语言（如C++、Java等）进行编程可能更为合适。