자바스크립트로 구현한 움직이는 테그구름 ver 1.3
흔히 플래시로 구현되곤하는 움직이는 테그구름 있지요. 저는 자바스크립트로 그것을 구현해보았습니다.
중간에 멈출수도 있고. 진행방향을 바꿀수도 있습니다. 움직이는 효과를 없앨수도 있습니다.
이 스크립트는 익스플로러에서 작동하지 않습니다.
태그목록
1.1 에서 바뀐점
- 같은계층의 태그라도 움직이는 속도가 약간씩 다르도록 했습니다.
- 이전버전에서 태그의 글씨가 오른쪽으로 이동할때 줄바꾸기를 하는 문제가 있었는데. 아예 세로쓰기를 하도록 함으로서 이문제를 해결햇습니다.
- 태그들을 섞는 버튼을 추가했습니다.
1.2 에서 바뀐점
- 태그구름을 조종하는 버튼을 태그가 출력되는 곳과 겹치도록 이동했습니다.
- 마우스가 움직이는 태그링크 위로 올라가면 해당 링크의 움직임이 둔해지는 효과를 넣었습니다.
- 마우스가 움직이는 태그링크 위로 올라가면 해당 링크가 겹쳐진 다른링크위로 올라옵니다.
1.3 에서 바뀐점
- 속도조절버튼을 추가했습니다.
- 가운데 움직임을 멈추는 버튼을 키보드로 접근했을때 포커스가 사라지는 현상 해결했습니다. 두게의 버튼을 만들고 display 값을 조절했던것이 잘못이였네요. 버튼 하나로 두가지 동작을 수행하도록 고쳤습니다.
이 저작물은
크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.