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