Notice
Recent Posts
Recent Comments
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 나의 프로젝트
- docker
- nodejs express
- C/C++
- 책이야기
- 주식이야기
- ror실행
- iBatis
- php
- 명사 뽑아내기
- rss
- scala
- ejb
- 나의 취미
- 도커
- 디즈니씨
- express for node.js
- 메일왕창보내는법
- php thumbnail
- node.js web framework
- 베트남어
- Cross
- flex3
- Node.js
- Lift
- Eclipse
- ajax
- 명사 추출기
- 스킨 스쿠버
- 명사 분석기
Archives
- Today
- Total
nkdk의 세상
JS :: 페이드인-아웃 효과 본문
이미지에 마우스를 위치하면 이미지가 선명해지거나(fade-in) 흐릿해지는(fade-out) 효과를 줍니다. 인터넷 익스플로러에서 작동됩니다.
<html>
<script language="JavaScript">
<!--var start_opacity = 30;
function imgFade(direct) {
if (window.timer) clearInterval(timer);
dct = direct;
timer = setInterval("flow_filter()", 5);
}function flow_filter() {
var imgFilter = img1.filters.alpha;if (dct == 1) {
if (imgFilter.opacity < 100)
imgFilter.opacity += 10;
else
clearInterval(timer);
} else {
if (imgFilter.opacity > start_opacity)
imgFilter.opacity -= 10;
else
clearInterval(timer);
}
}// -->
</script><body>
<img name="img1" src="img1.jpg" style="filter:alpha(opacity=30)" onmouseover="imgFade(1)" onmouseout="imgFade(2)">
</body>
</html>