Hola Ivone:
Te preparé un ejemplo con otra imagen y puntos aleatorios rojos:
Código PHP:
<html>
<body >
<center>
<div style="background-image: url(FONDO.gif); position: relative; width: 480; height: 360">
<script language=javascript>
var x, y, dato;
for (var i = 0; i < 350; i ++) {
x = Math.floor(Math.random() * 480);
y = Math.floor(Math.random() * 200);
dato = "<div ";
dato += " style='position: absolute; top: " + y + "; left: " + x + "; width: 1; height: 1; background-color: red'><span></span></div>";
document.write(dato);
}
</script>
</div>
</center>
</body>
</html>
Pero no sé bien que efecto quieres, para adaptártelo.
Fíjate donde pone:
x = Math.floor(Math.random() * 480);
y = Math.floor(Math.random() * 200);
indica las coordenadas de cada punto aleatorio, y el 480 y el 200 son los topes para las coordenadas x, y...
Especifícame el efecto, y te prepararé un script simplificado.
Saludos