이번엔 dhtmlgoodies.com의 Dragable RSS boxes입니다. 그동안 포스팅 했던 소스들이 그러하듯 이것 역시 제가 초기에 공부하면서 다른 사람이 만든 소스를 분석한 결과물 입니다. 처음엔 스크립트 언어이건 객체지향 언어이건 간에 개념 잡기가 너무 힘들어서 절망에만 하던 차에 생각해 낸것이 '다른 사람 이만들어놓은 소스에서 모르는건 무조건 주석을 달자!' 였습니다. 그러다 보니까 한줄에 하나씩 주석이 달리더군요 ... ^^;;; 이번것은 제가 첫 프로젝트를 진행하면서 사용한거라 원본과 좀 많이 달라지고 추가된것도 많은데요. 기본적인 구조는 같습니다. 그리고 필요없는 부분은 뺏는데 다 제거하지 못하고 그대로 남아있는것이 아직 많습니다.(파라메터나 함수) 원래 원본에 주석을 다시 달아서 올려놓으려고 했으나 너무 귀찮아져서 포기... 자바스크립트를 처음 시작하는 분들이 보시면 워낙 소스가 엉망이라 못알아 보실지도 모르겠는데요... 드래거블 박스의 구조를 알고 싶으신 분들에게는 도움이 될지도 모르겠습니다.
club_main.css : 디자인 요소는 거의 스타일 시트에 모아놨습니다.
dragable-boxes.js : 드래거블에 필요한 함수 들
index.html : 기본 컬럼 구조를 가지고 있는 html
prototype.js : prototype 라이브러리
ajax.js : ajax 라이브러리
dragable-boxes.zip작동 화면 펼치기..
댓글 없음:
댓글 쓰기