웹마스터 팁
▩마우스 오버시 그림이 진해지는 스크립
2002.02.21 19:58
예제 -- http://yoonmi.waa.to
가시면 젤 첫화면에 리본그림에 마우스를 대보세요.
마우스 대면 그림이 진해진다!
저희 인덱스 화면에 있는 쏘스입니다.
------------------
헤드와 헤드사이에
------------------
<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=20
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
----------------------
<body> 와 </body>사이에
----------------------
<img src="그림주소" style="filter:alpha(opacity=20)" onmouseover="high(this)" onmouseout="low(this)">
가시면 젤 첫화면에 리본그림에 마우스를 대보세요.
마우스 대면 그림이 진해진다!
저희 인덱스 화면에 있는 쏘스입니다.
------------------
헤드와 헤드사이에
------------------
<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=20
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
----------------------
<body> 와 </body>사이에
----------------------
<img src="그림주소" style="filter:alpha(opacity=20)" onmouseover="high(this)" onmouseout="low(this)">