묻고답하기
이미지에 마우스를 올렸을때 신비하게 바뀌는 소스인데요. ㅠ.ㅠ꼭이요!
2002.08.12 04:42
<head>와 해드사이에
집어넣으면 링크가 걸린 이미지들은 다 반전효과가 되면서..
이쁜 효과가 나거든요 ㅠ.ㅠ
근데 요걸 꼭 필요한 이미지에만 넣게 하는 방법은 없나요?
에메한 곳이 바뀌니깐 답답해요 ㅠ.ㅠ
꼭 답변주세요! ㅠ.ㅠ//
<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>
집어넣으면 링크가 걸린 이미지들은 다 반전효과가 되면서..
이쁜 효과가 나거든요 ㅠ.ㅠ
근데 요걸 꼭 필요한 이미지에만 넣게 하는 방법은 없나요?
에메한 곳이 바뀌니깐 답답해요 ㅠ.ㅠ
꼭 답변주세요! ㅠ.ㅠ//
<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>
document.onmouseout=handleevent;
윗부분을 제거하고 효과를 줄곳에 다음처럼 직접 이벤트를 기술하면 될것 같은데요...
<a ....... onmouseover="handleevent();" onmouseout="handleevent();"><img...></a>