목록카운터 (1)
길이 이야기(Giri's Story)
CSS, JQuery 를 이용한 텍스트카운터
우연히 파일질라 다운로드 페이지에 갔다가 신기한 카운터를 보았다. 분명 이미지도 아니고 플래시도 아닌데.. 카운터 숫자가 움직인다. https://www.ohloh.net/p/filezilla/download?filename=FileZilla_3.2.6.1_win32-setup.exe 분석해 보니.. CSS와 JQuery를 이용한 카운터였다. 핵심 소스부분만 발췌하여 기록으로 남긴다. 본문에 삽입된 javascript 소스중에 부분에 'Done'부분을 html 소스로 수정하게 되면 해당 카운팅이 완료되고 실행이 된다. 일반적인 html 코드뿐만 아니라 iframe 등을 삽입하면 다른액션을 수행할 수 있다.
IT기술,개발/웹프로그래밍
2009. 7. 9. 00:08