이미지 롤오버 효과

이미지 롤오버 효과
{BD_TITLELINK}  
<html>
<head>
        <title>가자! 자바의 세상으로/blink태그가 익스에서두..</title>
</head>


<body bgcolor="#000080">



<table>
<tr>
       <td><a href="http://www.shinbiro.com" target="_blank"> <img src="i.gif" border="0" alt="신비로" width="62" height="48"></a>
</td>
</tr>
<tr>
       <td><a href="http://www.unitel.co.kr" > <img src="a.gif" border="0" alt="유니텔" width="62" height="48"></a>
</td>
</tr>
<tr>
       <td><a href="http://www.hanaritel.com" > <img src="b.gif" border="0" alt="하나로" width="62" height="48"></a>
</td>
</tr>
<tr>
       <td><a href="http://www.chollian.net" > <img src="f.gif" border="0" alt="천리안" width="62" height="48"></a>
</td>
</tr>
<tr>
       <td><a href="http://www.thrunet.com" > <img src="g.gif" border="0" alt="두루넷" width="62" height="48"></a>
</td>
</tr>
</table>

<SCRIPT>
var globopObject;
var opIndex=0;
var cleared=true;
var direction=10;

function dynOpacity(opObject,stop)
{
if (stop)
{
clearInterval(window.tm);
cleared=true;
opIndex=10;
return;
}
globopObject=opObject;
if (opIndex>110) direction=-4;
if (opIndex<0) direction=4;
opIndex+=direction;
globopObject.style.filter='alpha(opacity:' + opIndex + ')';
if (cleared)
{
window.tm=setInterval("dynOpacity(globopObject,false);",1);
cleared=false;
}
//alert(window.tm);

}

function handleevent()
{

if (event.type=="mouseover")
   if(event.srcElement.tagName=="IMG")
              if (event.srcElement.parentElement.tagName=="A")        
                   {
                dynOpacity(event.srcElement,false);
                }
if (event.type=="mouseout")
   if(event.srcElement.tagName=="IMG")
                   {
                event.srcElement.style.filter="";
                dynOpacity(event.srcElement,true);        
                }
}
document.onmouseover=handleevent;
document.onmouseout=handleevent;

</SCRIPT>

</body>

</html>