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
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개
하이라이트가 적용되면 이미지가 좌축으로 이동합니다.
중앙에 정렬 했는대요.
그냥 이미지맵만 적용하면 이상없습니다.
어디를 어떻게 수정하면 중앙정렬을 유지할수 있을가요?
https://sir.kr/qa/321983?page=3
부탁드립니다. 수고하세요