다른 효과를 버리고 가장 간단한 캐러셀에는
parent.appendChild(parent.firstChild)라는 명령문 하나만 있습니다. 이 명령문은 목록의 요소를 마지막 요소에 계속 추가하여 원래 위치에서 노드를 변경합니다. 제거되므로 스위칭 효과를 얻을 수 있습니다.
한 가지 점은 IE가 다른 브라우저와 다르게 텍스트 노드를 취급한다는 것입니다. 또한, 다른 FF 버전에서는 children 속성에도 주의를 기울여야 합니다.
아래 데모에서는 #view의 Overflow:hidden을 설정하지 않았습니다.
demo_1:
(위 데모는 나중에 시연하기 위해 플로팅 없이 실제로 사용할 수 있습니다.)
또 다른 방법은 노드 순서를 변경하지 않고(지속적으로 변경) 전체 목록을 특정 방향으로 이동하는 것입니다. 목록 순서) 왼쪽 속성),
demo_2:
코드 복사
;