링크가 걸려있는 모든 이미지에 마우스를 올리면 반복적으로 서서히 밝아지게 하는 효과입니다.
아래 태그를 </head>위에 삽입하세요.

보기는 좋은데요..이소스가 작동하는 순간은 CPU 사용이 100% 된답니다.ㅠㅠ
사용해도 무리는 없을까요? 다른분들은 어떻게 생각하시는지요?


<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>