계속 리로드 해보면서 위 이미지의 변화를 즐겨보세요..
이것은 익스플로러 내장 필터를 사용한 것입니다. 다음과 같이 코딩하세요
<head>와 </head> 사이에 다음을 넣어주세요 <script
language="javascript">
function babo()
{
redsuns.filters[0].apply();
redsuns.style.visibility =
"visible";
redsuns.filters[0].play();
}
</script>
<body> 태그 안에 다음과 같이 함수를 호출하는 표현을 써줍니다.
<body
onload="babo()">
그리고 아름답게 변화할 이미지를 불러와야겠죠?
<img id="redsuns" src="merong.gif" STYLE="filter: revealTrans(duration=2, transition=23);visibility: hidden;">
id="redsuns"를 빼먹으면 절대로~~ 안되는거, 이젠 다 아시지요?
duration은 이미지가 나타나는 간격을 결정합니다.
수치가 높을수록 이미지는 천천히 변합니다.
transition은 0부터 23까지의 값을 가지는데, 한번 하나 하나 대입해 보시죠
-.-ㆀ
이미지가 변하는 방식을 결정합니다. 그 방법은 다음과 같습니다.
0 Box in 1 Box out 2 Circle in 3 Circle out 4 Wipe up 5 Wipe down
6 Wipe
right 7 Wipe left 8 Vertical blinds 9 Horizontal blinds 10 Checkerboard across
11 Checkerboard down
12 Random dissolve 13 Split vertical in 14 Split
vertical out 15 Split horizontal in 16 Split horizontal out 17 Strips left down
18 Strips up 19 Strips right down 20 Strips right up 21 Random bars
horizontal 22 Random bars vertical 23 Random
자료 출처 : http://littlewitch.new21.org/
자료 샘플 : http://redsuns.key.or.kr/sample/dhtml_2.html
댓글 쓰기 권한이 없습니다.
9 | 즐겨찾기 추가 소스 | 2009.09.08 |
8 | 소스막기 소스보기 | 2009.09.08 |
7 | 이미지 링크시 점선 안보이게 | 2009.09.08 |
6 | 해상도에 따라 다른 문서열리기 | 2009.09.08 |
5 | 웹페이지에 동양상 띄우기 | 2009.09.08 |
> | 이미지 트랜지션 | 2009.09.08 |
3 | 테이블에 스크롤바 생성하기 | 2009.09.05 |
2 | 배경이미지 시간타임으로 변함 | 2009.09.05 |
1 | 표에 그라데이션 넣기 | 2009.09.05 |