Jak działa efekt - zobacz na przykładzie obrazka poniżej:

A robi się to tak:

1. Należy przygotować kolorową i czarno-białą wersję obrazka w dowolnym programie graficznym.
2. Utworzyć tabele o komórkach mających dokładnie ten sam wymiar co obrazek i atrybuty cellpadding i cellspacing ustawione na zero.
3. Obrazek czano-biały ustawia się jako tło komórki tabeli <td background=czarnobiały.gif>
4. W sekcję head wstawia się znany wszystkim skrypt do "mgiełki"

<SCRIPT language=JavaScript>
function high(which2)
{
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2)
{
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.1
else if (which2.filters)
which2.filters.alpha.opacity=10
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</SCRIPT>

5. parametr opacity ustawiamy na 10% dla ie i na 0,1 dla mozilli
6. wstawiamy w komórkę tabeli obrazek kolorowy <img src="kolorowy.gif"  onmouseover=high(this)
           style="FILTER: alpha(opacity = 10); moz-opacity: 0.1"
           onmouseout=low(this) >