http://dft.co.kr/town/town1.php
여기 지도에 보시면, 지도좌표에 오버롤시 각 업체명이 보이게 되어 있는데요.
지금은 플래시로 구현한 것이라서, 이것을 자바스크립트로 구현하려고 하는데요.
유사한 사례나 소스를 찾아볼 수 있을까요?
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
2017-02-28 (화) 14:07:24
윗분 말씀처럼 배경이미지로 지도 깔고,
각각의 순번을 리스트로 작성한다음,
(ex.
<ul>
<li>
<span class="num">1</span>
<span class="txt">굿모닝시티</span>
li 요소를 position: absolute 이용해서 원하는 위치로 이동시키고,
txt 는 visibility: hidden 이나 display: none 으로 숨겨놓고,
li 요소에 마우스 오버 되었을때 txt를 보이게 만들면 되지 않을까 싶네요.
물론, 찾아보면 원하시는 jquery 플러그인이 있겠지만 원리는 같을겁니다.
답변에 대한 댓글 1개
2017-02-28 (화) 13:59:59
이건 배경이미지 깔아서 jquery 슬라이더로 사용하시면 원하시는 기능 구현이 가능하리라 보입니다. 플래쉬의 100% 느낌을 따라가지는 않지만 지금 보다는 깔끔한 느낌으로 디자인 하고 그 위에 올렸을때 그 위치에서 레이어 창이 뜨면 되는게 아닌가 싶네요
답변을 작성하려면 로그인이 필요합니다.