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

이미지맵에 툴팁 질문 채택완료

당당구 9년 전 조회 2,522

https://better-cosmos.slack.com/team/jungchinet" target="/team/jungchinet" class="message_sender member member_preview_link color_U0KEFQKHN color_e23f99 " data-member-id="U0KEFQKHN" style="box-sizing: border-box; text-decoration: none; display: inline; word-break: break-word; font-weight: 900; margin-right: 0.25rem; line-height: 1.125rem; font-family: Slack-Lato, appleLogo, sans-serif; font-size: 15px; color: rgb(44, 45, 48) !important; background-color: rgb(249, 249, 249);">


이미지맵에 사진과 같은 툴팁을 붙이려면 어떻게 해줘야 하나요? 검색해보니 가장 쓸만한게 http://jqueryui.com/tooltip/" data-referer-safe="1" data-referer-original-href="http://jqueryui.com/tooltip/" rel="noreferrer" target="_blank" style="box-sizing: border-box; color: rgb(42, 128, 185); text-decoration: none;">http://jqueryui.com/tooltip/  와 http://mong9.com/index.cgi?page_code=otherpage&code=study_js&num=5" data-referer-safe="1" data-referer-original-href="http://mong9.com/index.cgi?page_code=otherpage&code=study_js&num=5" rel="noreferrer" target="_blank" style="box-sizing: border-box; color: rgb(42, 128, 185); text-decoration: none;">http://mong9.com/index.cgi?page_code=otherpage&code=study_js&num=5  요 두가지 인데요, 현재 제가 사용하고 있는 이미지맵에 이런 식의 툴팁을 적용하려면 어떻게 해야하는지 조언좀 부탁드립니다^^ 



https://better-cosmos.slack.com/archives/jungchi_net-public/p1470381122000011" target="new_1470377548301" class="timestamp ts_tip ts_tip_top ts_tip_float ts_tip_hidden ts_tip_multiline ts_tip_delay_300" style="box-sizing: border-box; color: rgb(158, 158, 166); text-decoration: none; display: inline-block; position: relative; z-index: 1; font-family: Slack-Lato, appleLogo, sans-serif !important; font-size: 0.75rem; line-height: 1.125rem; opacity: 0;">[4:12] 

현재 이미지맵은 이런식의 코드입니다 <area shape="rect" coords="14,125,153,174" href="/bbs/board.php?bo_table=main06" area onfocus="navigator.userAgent.indexOf('Firefox') != -1 ? null : blur()" target="_top" alt="당당" />
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
9년 전

<area 태그 맨 뒷부분 정도에 onmouseover="해당함수명();" 이런 식으로 툴팁함수를 호출하시면

되겠는데요...

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

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

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

로그인