Menu

링크된 이미지들은 깜박

2016. 6. 1. 19:54

안개핑 Javascript

 

 

 

<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>
<table border="0" width="472">
<tr>
<td width="113">
<p><a href="http://lia.pe.kr"><img src="http://lia.pe.kr/java Tip/imge/s-1.jpg" width="100" height="100" border="0"></a></p>
</td>
<td width="118">
<p><a href="http://lia47.pe.kr"><img src="http://lia.pe.kr/java Tip/imge/s-2.jpg" width="100" height="100" border="0"></a></p>
</td>
<td width="118">
<p><a href="http://lia47.pe.kr"><img src="http://lia.pe.kr/java Tip/imge/s-3.jpg" width="100" height="100" border="0"></a></p>
</td>
<td width="105">
<p><a href="http://lia47.pe.kr"><img src="http://lia.pe.kr/java Tip/imge/s-4.jpg" width="100" height="100" border="0"></a></p>
</td>
</tr>
</table>

'Javascript' 카테고리의 다른 글

반짝이며 올라가는 별  (0) 2016.06.01
상태바에 별이 반짝여요.  (0) 2016.06.01
올라오는 이미지  (0) 2016.06.01
풀화면 창 열기  (0) 2016.06.01
모아지는 이미지  (0) 2016.06.01