현재 위치 - 인적 자원 플랫폼망 - 기밀 정보 정보 - "HTMLMarkup" 태그를 사용하여 웹페이지에서 PIP(Picture-in-Picture) 구현
"HTMLMarkup" 태그를 사용하여 웹페이지에서 PIP(Picture-in-Picture) 구현

웹을 탐색할 때 일부 웹 페이지 내에 하나 이상의 하위 창이 열리는 것을 볼 수 있습니다. 관련 텍스트나 이미지 링크를 클릭하면 연결된 콘텐츠가 이 하위 창에서 열리고 PIP(Picture-in-Picture) 효과가 나타납니다.

사실 이 PIP 효과를 얻는 것은 매우 간단합니다. 하위 창이 나타나는 곳에 다음과 같은 짧은 코드를 추가하기만 하면 됩니다:

[code]! --webbot bot="HTMLMarkup" startspan --iframe name="screen" src="qingfeng.htm" height="430" width="100" NORESIZE frameborder="0" marginheight="0" marginwidth="0" !-- webbot bot="HTMLMarkup" endspan --[/code][button value="코드 복사"]

그 중 "screen"은 새로 열린 하위 창의 이름이며, 이름은 임의로 지을 수 있습니다. 그러나 한 페이지에 여러 하위 창을 열려면 이름이 동일할 수 없으며 a1, a2 등으로 표시될 수 있다는 점에 유의해야 합니다. "qingfeng.htm"은 페이지가 열릴 때 이 하위 창에 처음 표시되는 페이지입니다. 웹 페이지의 다른 텍스트나 이미지로 링크된 페이지도 이 하위 창에서 열리도록 하려면 "Target Frame"의 "Target Settings"에 작은 창(예: 화면)의 이름을 입력하면 됩니다. 하이퍼링크. "430"은 작은 창의 높이이고 "100"은 작은 창의 너비입니다. 필요에 따라 자유롭게 설정할 수 있습니다.

특정 웹 페이지에서 a1, a2, a3 세 개의 하위 창을 열면 a1의 링크는 a2 하위 창에서 열리도록 설정하고 a2의 링크는 다음에서 열리도록 설정합니다. a3 하위 창. 전체 페이지를 관찰해 보세요. 웹 페이지의 프레이밍 효과가 있나요? 헤헤!