<script>

function high(which2)
{
theobject=which2
highlighting=setInterval("highlightit(theobject)",30)
}
function low(which2)
{
clearInterval(highlighting)
if (which2.style.MozOpacity)
  which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=60
}

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>
<img onmouseover="high(this)" style="FILTER: alpha(opacity = 60); moz-opacity: 0.3;" onmouseout="low(this)" src="obraz.jpg">

<script>

/*
Gradual-Highlight Image Script II-
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit http://dynamicdrive.com
*/

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate   - time in milliseconds between trasparency changes (best under 100)
* delta  - amount of change each time (ie 5, for 5% change in transparency)
*/

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
   if (object != "[object]"){  //do this so I can take a string too
       setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
       return;
   }
       
   clearTimeout(nereidFadeTimers[object.sourceIndex]);
   
   diff = destOp-object.filters.alpha.opacity;
   direction = 1;
   if (object.filters.alpha.opacity > destOp){
       direction = -1;
   }
   delta=Math.min(direction*diff,delta);
   object.filters.alpha.opacity+=direction*delta;

   if (object.filters.alpha.opacity != destOp){
       nereidFadeObjects[object.sourceIndex]=object;
       nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
   }
}

</script>
<img src="1.jpg" style="filter:alpha(opacity=30)" onmouseover="nereidFade(this,100,30,5)" onmouseout="nereidFade(this,10,50,5)">

.borderimage{border:5px solid black;}

<img
src="obrazek.jpg"
width="172" height="154" class="borderimage"
onmouseover="borderit(this,'red')"
onmouseout="borderit(this,'black')">