Demo działania paralskowych chmurek

Style

#Clouds {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden;}
#Clods .Cloud {position:absolute; left:0; top:0; background:transparent url(cloud.png) no-repeat; width:118px; height:80px;}

Srypt JS z wykorzystaniem jQuery

function Clouds(cMax) {
	var cWdth=$(window).width(); // SZEROKOSC OKNA
	var cHght=$(window).height(); // WYSOKOSC OKNA

	for(i=0;i<cMax;i++) {
		var Cloud=document.createElement("DIV"); // UTWORZENIE KONTENERA NA CHMURKE
		var x=Math.floor(Math.random()*cWdth*2 - cWdth); // POCZATKOWA POZYCJA X
		var y=Math.floor(Math.random()*cHght*2 - cHght); // POCZATKOWA POZYCJA Y
		var s=Math.floor(Math.random()*8)+1; // WSPOLCZYNNIK SZYBKOSCI PRZESUWANIA - 8 ROZNYCH SZYBKOSCI
		$(Cloud).addClass("Cloud").css({"left":x+"px","top":y+"px","opacity":s/8}).attr({"x":x,"y":y,"s":s}); // USTAWIENIE PARAMETROW CHMURKI
		$("#Clouds").append(Cloud); // DODANIE CHMURKI DO GLOWNEGO KONTENERA
	}

	$(window).mousemove(function(e) { this.CloudMove(e); }); // WLACZENIE ZDARZEN RUCHU MYSZY
	
// OBSLUGA RUCHU MYSZY
	this.CloudMove=function(e) {
		x=e.pageX-$(window).width()/2;
		y=e.pageY-$(window).scrollTop();

		$("#Clouds").children(".Cloud").each(function() {
			dX=parseInt($(this).attr("x"));
			dY=parseInt($(this).attr("y"));
			dS=parseInt($(this).attr("s"));
			pX=(x*dS)/4 + dX;
			pY=(y*dS)/4 + dY;
			$(this).stop().animate({"left":pX+"px","top":pY+"px"},10); // ANIMACJA RUCHU CHMUREK
		});
	}
}

$(document).ready(function () { Clouds(100); });

Kontener na chmurki w sekcji BODY

<div id="Clouds"></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a lacinia est, ut eleifend purus. Nullam efficitur odio massa, sed efficitur elit tincidunt vitae. Praesent auctor sollicitudin molestie. Maecenas id turpis urna. Nam cursus lectus non justo ultrices, sit amet blandit dolor vehicula. Aliquam id auctor mauris. Praesent faucibus eleifend tortor, ac aliquam ex. Vestibulum congue ac diam eleifend dignissim. Pellentesque orci dui, dapibus ac leo quis, sagittis porta arcu. Sed rhoncus ac elit in tempor. Praesent dolor erat, rhoncus ac ligula quis, luctus tincidunt ligula. Etiam pharetra condimentum risus quis ultrices.

Curabitur sollicitudin lorem sed ornare consectetur. Cras eu mollis odio, nec faucibus nisl. Mauris condimentum efficitur dolor, ac tincidunt est convallis non. Fusce turpis erat, pellentesque sed nisi ut, elementum finibus augue. Cras bibendum lacinia diam, id pharetra nisl tincidunt eu. Nulla diam purus, ultrices eget est at, egestas tincidunt nulla. Integer auctor dolor vehicula vestibulum tincidunt. Phasellus ac ante vitae nunc molestie dapibus. Suspendisse in pulvinar dui. Aliquam eget feugiat lectus. Sed non augue blandit nunc molestie cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce condimentum, quam a egestas luctus, ligula felis pharetra massa, ut feugiat leo ligula nec nibh. Suspendisse commodo, libero non laoreet ornare, eros ipsum bibendum massa, ut faucibus libero tortor ut enim.

Morbi pretium turpis dui, ut tristique ex consectetur id. Donec vitae rhoncus mauris, in bibendum elit. Aenean vulputate libero id sapien varius, sit amet viverra augue ornare. Maecenas in odio id tellus fringilla convallis vitae eget lorem. Aenean sit amet ante mauris. Maecenas non dignissim nisl. Praesent enim nulla, cursus ut quam ac, pellentesque egestas magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin vulputate quam ut enim faucibus, sit amet lobortis ante bibendum. Etiam lorem nulla, viverra eu sapien finibus, fermentum tincidunt eros. In faucibus lectus ut mi venenatis porttitor. Donec placerat eros eros, eget bibendum lacus fermentum sed. Pellentesque fringilla risus felis, in malesuada nunc vehicula sit amet. In hac habitasse platea dictumst.

Integer quis urna blandit, imperdiet massa ac, accumsan ante. Maecenas faucibus pulvinar eros, et imperdiet lorem aliquet eget. Integer ut volutpat erat, sed suscipit leo. Donec ligula lacus, posuere eget lobortis in, ultrices eget turpis. Nullam sit amet libero dictum, pellentesque risus id, rutrum orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam finibus cursus lobortis. Praesent aliquet iaculis velit, a fermentum mauris fringilla a.

Curabitur sagittis enim vitae tortor ornare, at ullamcorper dui ultricies. Integer tincidunt in sem et congue. Ut condimentum purus nec tortor placerat feugiat. Etiam sodales scelerisque ligula, eu maximus risus. Nulla ultrices finibus erat. Duis id sem eu sapien interdum vehicula non ac velit. Mauris auctor tempor iaculis. Aliquam erat volutpat. Morbi auctor, felis vitae bibendum bibendum, massa lacus aliquam orci, eu gravida magna orci tristique velit. In hac habitasse platea dictumst. Vestibulum tincidunt, ipsum a aliquam tempus, eros nibh volutpat eros, in sollicitudin nibh est eget quam. Ut dictum magna eu nisi tempus, id sodales diam maximus. Praesent accumsan euismod metus nec eleifend. Integer nec tellus sapien.