반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$("img").css("height", 250);
// 2초에 한번씩 사진 바뀜
setInterval(function() {
// 1번 이미지를 body에 붙이면서 맨 뒤로 보냄
$("img")
.first()
.appendTo("body");
}, 2000);
});
</script>
<title>Document</title>
</head>
<body>
<img src="/images/1.png" />
<img src="/images/2.png" />
<img src="/images/3.png" />
<img src="/images/4.png" />
<img src="/images/5.png" />
</body>
</html>
반응형
'2020 > JQuery' 카테고리의 다른 글
| JQuery replaceWith, replaceAll, 요소 대체하기 (0) | 2020.02.28 |
|---|---|
| JQuery 속성 값 입력 (0) | 2020.02.28 |
| JQuery selectbox 확인 (0) | 2020.02.28 |
| JQuery 객체추가 (0) | 2020.02.28 |
| JQuery 속성추가 (0) | 2020.02.28 |
꽃꽂이하는개발자