2009/07/09 00:08

CSS, JQuery 를 이용한 텍스트카운터

크리에이티브 커먼즈 라이선스
Creative Commons License
우연히 파일질라 다운로드 페이지에 갔다가 신기한 카운터를 보았다.
분명 이미지도 아니고 플래시도 아닌데.. 카운터 숫자가 움직인다.

https://www.ohloh.net/p/filezilla/download?filename=FileZilla_3.2.6.1_win32-setup.exe

분석해 보니.. CSS와 JQuery를 이용한 카운터였다.
핵심 소스부분만 발췌하여 기록으로 남긴다.

본문에 삽입된 javascript 소스중에
<script>
..
window.delayed_iframe = "Done"
..
</script>

부분에 'Done'부분을 html 소스로 수정하게 되면 해당 카운팅이 완료되고 실행이 된다.
일반적인 html 코드뿐만 아니라 iframe 등을 삽입하면 다른액션을 수행할 수 있다.


Trackback 0 Comment 2
  1. 의심스런 2009/07/08 15:56 address edit & del reply

    고생이 많으십니다. 멋지게 생긴 스크립트를 이렇게 간단히 분해해 버리다니..

    • Favicon of http://www.giristory.net/blog BlogIcon 길이 2009/07/08 23:50 address edit & del

      에고ㅎㅎㅎ 언제 코멘트를 남겨주셨데요. 과찬이십니다. 남들 다 하는건데요 멀.. ^^