jQuery, 이미지맵 마우스오버시 하이라이트 표시 > 개발자팁

개발자팁

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

jQuery, 이미지맵 마우스오버시 하이라이트 표시 정보

jQuery jQuery, 이미지맵 마우스오버시 하이라이트 표시

본문

이미지맵 마우스오버시 테두리가 붉은색으로 하이라이트 표시가 됩니다.

 

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js"></script>

<script type="text/javascript">$(function() {

    $('.map').maphilight();

    });

</script>

</head>

<body>

<img class="map" src="demo_usa.png" width="960" height="593" usemap="#usa">

<map name="usa">

    이미지 맵 정의

</map>

</body>

 

[참조사이트]

http://davidlynch.org/projects/maphilight/docs/demo_usa.html

추천
0
  • 복사

댓글 1개

이미지맵 찾아 여기까지 왔습니다.
하이라이트가 적용되면 이미지가 좌축으로 이동합니다.
중앙에 정렬 했는대요.
그냥 이미지맵만 적용하면 이상없습니다.
어디를 어떻게 수정하면 중앙정렬을 유지할수 있을가요?

https://sir.kr/qa/321983?page=3
부탁드립니다. 수고하세요
© SIRSOFT
현재 페이지 제일 처음으로