답변 2개
채택된 답변
+20 포인트
4년 전
이를테면 이미지가 1초 뒤에 투명도가 0.5 로 바뀌는 이벤트입니다.
</p>
<p><img id=my src=<a href="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg>" target="_blank" rel="noopener noreferrer">https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg></a>
<script>
setTimeout(function(){
my.style.opacity = 0.5;
}, 1000);
</script></p>
<p>
함수를 만들어서 넣어도 됩니다. 1초 뒤 이미지 가로길이가 절반으로 줄어들면서 동시에 이미지의 주소가 바뀌는 이벤트죠.
</p>
<p><img id=my src=<a href="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg>" target="_blank" rel="noopener noreferrer">https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg></a>
<script>
function you() {
my.style.width = "50%";
my.src = "<a href="https://blog.kakaocdn.net/dn/cOuCrx/btrcONOGfL6/lnvgPYBKad0JunFVKIwEJK/img.jpg";" target="_blank" rel="noopener noreferrer">https://blog.kakaocdn.net/dn/cOuCrx/btrcONOGfL6/lnvgPYBKad0JunFVKIwEJK/img.jpg";</a>
}
setTimeout(function(){
you();
}, 1000);
</script></p>
<p>
1000 은 1초이니 정해진 시간이 되면 셋타임아웃안에서 정해진 함수 등의 이벤트가 발생하는 것입니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인