묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
자바 스크립트좀 바주세요.
2002.04.14 02:57
밑에 질문 했다가 혼났네요..^^;;;
이게 소스 구요
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
<img src="image/home.gif" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)" BORDER=0>
이렇게 쓰이거든요
저기 있는 this 가 그림을 나타내는거 같은데 저걸
링크시 그러니까
<a href="home.htm" target="main" onMouseover="high(this)" onMouseout="low(this)">Home
<img src="image/home.gif" style="filter:alpha(opacity=30);-moz-opacity:0.3" BORDER=0>
이렇게 바꾸고 싶거든요.
링크된 글자에 마우스 포인터를 가져 가면 같이 있는 그림에 효과가 들어가게요
<a href="home.htm" target="main" onMouseover="high(this)" onMouseout="low(this)">Home
<img src="image/home.gif" style="filter:alpha(opacity=30);-moz-opacity:0.3" BORDER=0>
이렇게 했는데 에러가 뜨네요...
어떻게 방법이 없을까요 ?
이게 소스 구요
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
<img src="image/home.gif" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)" BORDER=0>
이렇게 쓰이거든요
저기 있는 this 가 그림을 나타내는거 같은데 저걸
링크시 그러니까
<a href="home.htm" target="main" onMouseover="high(this)" onMouseout="low(this)">Home
<img src="image/home.gif" style="filter:alpha(opacity=30);-moz-opacity:0.3" BORDER=0>
이렇게 바꾸고 싶거든요.
링크된 글자에 마우스 포인터를 가져 가면 같이 있는 그림에 효과가 들어가게요
<a href="home.htm" target="main" onMouseover="high(this)" onMouseout="low(this)">Home
<img src="image/home.gif" style="filter:alpha(opacity=30);-moz-opacity:0.3" BORDER=0>
이렇게 했는데 에러가 뜨네요...
어떻게 방법이 없을까요 ?
객체지정이 필요없이 간단하게 사용되는 것인데.. 님처럼 따로 분리하려면 이미지에
이름을 지정하여야 합니다. 아래와 같이 하시면 되겠지요.
<a href="home.htm" target="main" onMouseover="high(img1)" onMouseout="low(img1)">Home
<img name="img1" src="image/home.gif" style="filter:alpha(opacity=30);-moz-opacity:0.3" BORDER=0>
위와 같이 각각의 적용하고자 하는 이미지에 이름을 붙여줍니다. 다음에 이벤트핸들러에서 그 이미지의
이름을 위와 같이 지정하는 방식으로 사용하시면 됩니다.