code ใน ส่วนของ HEAD :

<script>
<!--
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != '[object]'){
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);
}
}

function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}
//-->
</script>

 

 

CODE ในส่วน ของ รูปภาพที่จะ แสดง :

<img onmouseover="nereidFade(this,100,10,30)" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=30); BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" onmouseout="nereidFade(this,30,10,5)" height="30" src="XXX.jpg" width="30">

ความกว้างความสูงของรูป และตำแหน่ง ภาพ กำหนดเอง