프로세스가 호출 된 것을 기억할 수 없지만 웹 페이지에서 핫스팟 영역과 같은 작성 방법이 필요하므로 사용자가이 영역 위로 마우스 포인터를 가져 가면 커서가 포인터로 바뀌면 사용자는 특정 사이트로 이동할 수 있습니다.웹 페이지의 핫스팟/호버 존
Pls는 이미지 주변의 간단한 앵커 태그를 언급하지 않는다는 점에 유의하십시오. 특히 웹 페이지의 좌표를 결정한 후에이 영역을 호버 존으로 전환합니다.
희망적입니다.
누군가가 나에게이 작업을 수행하는 방법을 알려 주시면 좋을지도 모릅니다.
감사합니다.
매우 간단한 해결책은 페이지상의 특정 위치에 앵커 태그를 위치이다 간단한 앵커 같은데. 나는 절대 위치 링크를 권하고 싶습니다하지만 위에서 언급 한 바와 같이 당신이 image map을 찾고있는 것처럼
<a id="hotspot" href="#!link">hidden hotspot</a>
#hotspot {
position: absolute;
width: 100px;
height: 100px;
background: transparent;
display: block;
top: Xpx;
left: Xpx;
text-indent: -10000px;
}
, 그것은 소리.
다른 사람들은 위치가 지정된 앵커 태그를 제안했지만 다른 사람들은 좌표를 언급 했으므로 구식 이미지 맵을 찾고있는 것처럼 들립니다. 고대예요.하지만 임의의 모양을 원한다면, 아마도 옵션 일 수 있습니다. 이거 기억해?
<img src="yourpic.png" width="500" height="400" usemap="#themap">
<map name="themap">
<area shape="polygon" coords="0,0,100,0,100,100,0,100" href="..." id="foo" />
<area shape="circle" coords="150,30" href="..." id="bar" />
</map>
나는 당신의 필요 조건의 세부 사항을 잘 모르겠지만, 아마도 당신은 각 area 일부 호버 동작을 추가, 큰 빈 이미지와 함께 뭔가를 던져 다각형 및/또는 원형의 무리를 정의 할 수 있으며, 거기서 나가.
반점이 직사각형이 아닌 한, 답변에 설명 된대로 위치가 지정된 'a'요소를 거의 사용해야합니다. – reisio