Ukážka
*
*
*
*
*
*
*
*
*
*
*
*
Objekty <SPAN>
<IMG ID= Obrazok HEIGHT=297 SRC="krajina1.jpg" WIDTH=420>
<DIV ID=VL1>*</DIV>
<DIV ID=VL2>*</DIV>
<DIV ID=VL3>*</DIV>
<DIV ID=VL4>*</DIV>
<DIV ID=VL5>*</DIV>
<DIV ID=VL6>*</DIV>
<DIV ID=VL7>*</DIV>
<DIV ID=VL8>*</DIV>
<DIV ID=VL9>*</DIV>
<DIV ID=VL10>*</DIV>
<DIV ID=VL11>*</DIV>
<DIV ID=VL12>*</DIV>
</SPAN>

Script <SCRIPT LANGUAGE=vbscript><!--
dim K1'posun horizontalne
dim Rozostup'rozmiestnenie vlociek X
dim Vyska'rozmiestnenie vlociek Y
Sub window_onload
Vyska=Obrazok.height
Rozostup=Obrazok.width/10
'umiestnenie vlocky vodorovne
Vl1.style.posleft =Rozostup
Vl2.style.posleft =Rozostup*5
Vl3.style.posleft =Rozostup*8
Vl4.style.posleft =Rozostup*2
Vl5.style.posleft =Rozostup*4
Vl6.style.posleft =Rozostup*6
Vl7.style.posleft =Rozostup*3
Vl8.style.posleft =Rozostup*7
Vl9.style.posleft =Rozostup*9
Vl10.style.posleft =Rozostup
Vl11.style.posleft =2
Vl12.style.posleft =Rozostup*9
'umiestnenie vlocky zvisle
Vl1.style.postop = Rozostup
Vl2.style.postop = Rozostup
Vl3.style.postop = Rosostup
Vl4.style.postop = Rozostup*3
Vl5.style.postop = Rozostup*3
Vl6.style.postop = Rozostup*3
Vl7.style.postop = Rozostup*6
Vl8.style.postop = Rozostup*6
Vl9.style.postop = Rozostup*6
Vl10.style.postop = Rozostup*9
Vl11.style.postop = Rozostup*9
Vl12.style.postop = Rozostup*9
a= window.setInterval("Snez",100)'casovac
k1=1
End Sub
Sub Snez()

dim x1'nahodne cislo rozhoduje o pohybe vpravo/vlavo
x1=int(rnd(1)*16)
if x1=5 then k1=-1'pohyb vlavo
if x1=2 then k1=1'pohyb vpravo
'pozicie vlociek X a Y
Vl1.style.posleft = Vl1.style.posleft+k1
Vl1.style.postop = Vl1.style.postop+1
'
Vl2.style.posleft = Vl2.style.posleft+k1
Vl2.style.postop = Vl2.style.postop+2
'
Vl3.style.posleft=Vl3.style.posleft-k1
Vl3.style.postop=Vl3.style.postop+1
'
'Vl4.style.posleft = Vl4.style.posleft+k1
Vl4.style.postop = Vl4.style.postop+1
'
'Vl5.style.posleft = Vl5.style.posleft+k1
Vl5.style.postop = Vl5.style.postop+2
'
'Vl6.style.posleft=Vl6.style.posleft-k1
Vl6.style.postop=Vl6.style.postop+4
'
Vl7.style.posleft = Vl7.style.posleft+k1
Vl7.style.postop = Vl7.style.postop+1
'
Vl8.style.posleft = Vl8.style.posleft+k1
Vl8.style.postop = Vl8.style.postop+2
'
Vl9.style.posleft=Vl9.style.posleft-k1
Vl9.style.postop=Vl9.style.postop+3
'
'Vl10.style.posleft = Vl10.style.posleft+k1
Vl10.style.postop = Vl10.style.postop+4
'
'Vl11.style.posleft = Vl11.style.posleft+k1
Vl11.style.postop = Vl11.style.postop+2
'
Vl12.style.posleft=Vl12.style.posleft+k1
Vl12.style.postop=Vl12.style.postop+5
'ak vlocka opusti obrazok vracia sa na zaciatok
if Vl1.style.postop > Vyska then Vl1.style.postop=-5
if Vl2.style.postop > Vyska then Vl2.style.postop=-10
if Vl3.style.postop > Vyska then Vl3.style.postop=-15
if Vl4.style.postop > Vyska then Vl4.style.postop=-5
if Vl5.style.postop > Vyska then Vl5.style.postop=-10
if Vl6.style.postop > Vyska then Vl6.style.postop=-15
if Vl7.style.postop > Vyska then Vl7.style.postop=-5
if Vl8.style.postop > Vyska then Vl8.style.postop=-10
if Vl9.style.postop > Vyska then Vl9.style.postop=-15
if Vl10.style.postop > Vyska then Vl10.style.postop=-5
if Vl11.style.postop > Vyska then Vl11.style.postop=-10
if Vl12.style.postop > Vyska then Vl12.style.postop=-15
End Sub
--></SCRIPT>
CSS <STYLE TYPE="TEXT/CSS"><!--
div { position: absolute;
height: 1px; width: 1px;
left:0px; top: 0px;
font-size:8px;
color: #ffffff}

span { border-style: solid;
border-width: 2px; /*hrubka oramovania*/
height: 297px; width: 420px; /*rozmer objektu= rozmeru obrazka*/
overflow: hidden}
--></STYLE>