Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개! > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개! 정보

JavaScript Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개!

본문

http://gazerkr.cafe24.com/ajax_board/board.php

위에 사이트는 Ajax로 게시판을 구현한 곳입니다~!
Ajax로 구현하면서 여러가지로 많은 노력을 기울였을것으로 보이고여~!
여타 Ajax의 사이트에 비해 속도가 훨씬 빠르게 구현한것으로 보여지고,
여러 Ajax 게시판에 비해 잘 만든것 같습니다~!
이곳을 방문해 보시면 알겠지만...보통의 자주쓰는 기능 중... 즐겨찾기/뒤로가기
버튼이 없어서 많이 불편한 것 같습니다~!(이부분은 위쪽에 다시 글 올리겠슴다~!)
아~! 그리고 ... 이곳 Ajax 게시판 만든 분의 주의 사항입니다~!
--------------------------------------------------------------------------------------------------
[주의사항]
자꾸 하드테스트하시면 테스트 닫겠습니다.
폼값을 전혀 체크하지 않기 때문에 문제가 생길 입력은 하시지 말아주세요.
부탁드립니다.
---------------------------------------------------------------------------------------------------


http://www.netvibes.com/

위에 사이트는 Ajax로 구현이 재미있게 잘 되어 있는 ... 그래도 타 사이트 보다는
Quality가 그래도 좋은 곳입니다~!
좌측위쪽에 [General] 탭 옆에 [New Tab]을 누르시면 보고 있는 상태에서 새로운
탭이 만들어 지고 여러가지 메뉴를 그 탭으로 이동도 가능 합니다~!
그리고 아래의 Contents들은 메뉴 이동이 Drag & Drop으로 내 마음대로 정렬이
가능 하고여~! 나름대로 Ajax를 잘 활용해서 이쁘게 만든 사이트입니다~!
그리고 이동하고 새로운탭을 만든 것들은 Cookie로 저장이 되어서 ... 다시 그
사이트에 접속 하면 그 내용을 그대로 보여 주네여~! ^^*


http://www.panic.com/goods/

위에 사이트는 외국 쇼핑몰 인데여...
맨 아래쪽에 보시면 하늘색의 [shopping cart] 글 아래쪽으로 해당 물건을
마우스로 Drag & Drop 해서 놓으면 가격이 종합되기도하고 내가 무엇 무엇
장바구니에 담았는지, 알기 편하게 되어 있습니다!
역시, 예전에 담은것을 빼고 싶으면 Drag & Drop 으로 마우스로 빼내면 됩니다~!
간단하지만...나름대로 많이 고심해서 구현한 Ajax 사이트 같네여~! ^^*
 

http://www.google.com/ig

위에 사이트는 잘 아시겠지만 구글입니다~!
역시 Drag & Drop으로 메뉴를 이동가능하게 구현했을 뿐더러...
좌측위쪽에 "콘텐츠 추가" 버튼을 눌러서 여러가지 추가로 메뉴를 구성 할 수 있게
심플 하면서도 재미있게 구현이 되어 있고, Ajax의 유행?의 근원지? 라고 할 수
있는거 같습니다~! 이 사이트를 통해서 Ajax가 주목을 받기 시작한것은 맞는거 같네여~!


http://ajax.fixmedia.net/

위에 사이트는 단순히 Intro Page만 Ajax의 Drag & Drop으로만 구현되어 있지만...
그래도 나름대로 마우스 Drag & Drop 부분을 투명화 하고 메뉴도 알맞게 배열해서
이쁘게 구현은 한것 같은데...타 사이트 보다는 속도가 느린거 같네여~!<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:49:28 Prototype에서 이동 됨]</div>
추천
0

댓글 4개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT