테스트 사이트 - 개발 중인 베타 버전입니다

플래시 효과를 자바스크립트로 전환하려고 합니다. 채택완료

동물원 8년 전 조회 3,309

http://dft.co.kr/town/town1.php">http://dft.co.kr/town/town1.php

 

여기 지도에 보시면, 지도좌표에 오버롤시 각 업체명이 보이게 되어 있는데요.

지금은 플래시로 구현한 것이라서, 이것을 자바스크립트로 구현하려고 하는데요.

유사한 사례나 소스를 찾아볼 수 있을까요?

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

윗분 말씀처럼 배경이미지로 지도 깔고,

각각의 순번을 리스트로 작성한다음,

(ex. 

     

  •     1

        굿모닝시티

     

    li 요소를 position: absolute 이용해서 원하는 위치로 이동시키고,

    txt 는 visibility: hidden 이나 display: none 으로 숨겨놓고,

    li 요소에 마우스 오버 되었을때 txt를 보이게 만들면 되지 않을까 싶네요.

     

    물론, 찾아보면 원하시는 jquery 플러그인이 있겠지만 원리는 같을겁니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

동물원
8년 전
네~ 많은 도움이 되었습니다. 상세한 설명 감사 드려요.^^

댓글을 작성하려면 로그인이 필요합니다.

플라이
8년 전

이건 배경이미지 깔아서 jquery 슬라이더로 사용하시면 원하시는 기능 구현이 가능하리라 보입니다. 플래쉬의 100% 느낌을 따라가지는 않지만 지금 보다는 깔끔한 느낌으로 디자인 하고 그 위에 올렸을때 그 위치에서 레이어 창이 뜨면 되는게 아닌가 싶네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인