Menu

흐려졌다 선명해졌다를 반복하는 이미지

2016. 6. 2. 10:43

안개핑 Javascript

 

 

<html>
<head>
</head>
<body>
<img src="img/img1.gif" name="dare" style="filter:alpha(opacity=0)">

<script language="JavaScript">
/*
script by Caspar Str
cs@zerg.com
http://listen.to/caspar
*/
var b = 1;
var c = true;
 
function fade(){
if(document.all);
 
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
 
if(b==10) {
b++;
c = true;
}
 
if(c == false) {
b--;
}
dare.filters.alpha.opacity=0 + b;
setTimeout("fade()",30);
}
</script>

</body>
</html>

- 설명 -

<img src="img/img1.gif" name="dare" style="filter:alpha(opacity=0)">
 0 - 그림의 기본 선명도(처음 페이지를 열었을 때 보여지는 이미지의 선명도)이며 크기가 클수록 선명해진다

30 - 이미지가 흐려졌다 진해졌다를 반복하는 속도이며 크기가 클수록 느려진다.

저작자표시 비영리 변경금지

'Javascript' 카테고리의 다른 글

이미지 슬라이드-2  (0) 2016.06.02
이미지 섬광 효과  (0) 2016.06.02
이미지슬라이드  (0) 2016.06.02
이미지 갤러리 만들기  (0) 2016.06.02
박스안에서 회전하는 이미지  (0) 2016.06.02

티스토리툴바