본문 바로가기

javascript

onMouseOver 알파 효과 - IE4.x

<BODY BGCOLOR="#FFFFFF">

<CENTER>
<a href="http://bizserver.new21.net"> <img src="../n_1.gif" width="16" height="31" border="0" alt="홈페이지"></a>
          
<a href="http://bizserver.new21.net"> <img src="../n_2.gif" width="16" height="31" border="0" alt="홈페이지"></a>
          
<a href="http://bizserver.new21.net"> <img src="../n_3.gif" width="16" height="31" border="0" alt="홈페이지"></a>
          
<a href="http://bizserver.new21.net"> <img src="../n_4.gif" width="16" height="31" border="0" alt="홈페이지"></a>
          
<a href="http://bizserver.new21.net"> <img src="../n_5.gif" width="16" height="31" border="0" alt="홈페이지"></a>
</CENTER>

<SCRIPT LANGUAGE="JavaScript">
<!--

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>