인터넷을 돌아다니다 보면 인터넷은 정보의 바다일 뿐만 아니라 광고의 바다이기도 하다. 일반적인 Gif 배너 및 플래시 외에도 플로팅 광고는 요즘 인터넷에서 가장 인기 있는 광고 형식 중 하나입니다. 브라우저의 스크롤바를 드래그하면 페이지에 떠있는 이런 광고가 화면과 함께 움직일 수 있습니다. 이 효과는 광고 표시에 있어 실질적인 가치가 상당히 높지만, 웹페이지를 탐색하는 사람들에게는 독서를 방해하고 독서 흥미에 영향을 미치는 것이므로 남용해서는 안 됩니다. 그러나 현명하게 사용하면 매우 유용할 수 있습니다.
플로팅 광고 효과를 만드는 것은 어렵지 않습니다. JS에 대한 기본 지식이 있으면 직접 작성할 수 있으며, 작성하기가 너무 귀찮다면 온라인에서 특수 효과 도구를 다운로드하고 메시지에 따라 코드를 붙여 넣으십시오. 그러나 JS가 어떻게 만들어지는지 실제로 이해하려면 JS 지식을 습득해야 합니다. 여기에서는 간단한 플로팅 광고 방법을 소개하겠습니다.
다음 코드는 <body></body> 사이에 배치할 수 있으며, 그 동안 몇 가지 주석을 추가했습니다(예: "//" 뒤의 텍스트 및 "<!—"와 "-->" 사이의 텍스트).
<SCRIPT FOR=창 EVENT=onload LANGUAGE="JScript">
initAd();//페이지를 로드한 후 initAd() 함수를 호출합니다.
</SCRIPT>
<스크립트 언어="JScript">
<!--
함수 initAd() {
document.all.AdLayer.style.posTop = -200;//onLoad 이벤트가 발생한 후 고정된 y 방향을 기준으로 광고 레이어의 위치를 설정합니다.
document.all.AdLayer.style.visibility = 'visible'//레이어가 표시되도록 설정
MoveLayer('AdLayer');//MoveLayer() 함수 호출
}
함수 MoveLayer(레이어이름) {
var x = 600; //플로팅 광고 레이어는 브라우저의 x 방향 위치에 고정됩니다.
var y = 300; //플로팅 광고 레이어는 브라우저의 y 방향으로 고정됩니다.
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - 차이점;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");//모바일 광고 레이어
setTimeout("MoveLayer('AdLayer');", 20);//MoveLayer() 함수를 호출하기 전에 20밀리초를 설정합니다.
}
//-->
</script>
<!--다음은 링크가 있는 사진을 포함하여 ID 이름이 AdLayer인 레이어입니다(ID 이름이 AdLayer가 아닌 경우 위의 MoveLayer()의 AdLayer도 이에 맞게 수정되어야 함). -->
<div id=AdLayer 스타일='위치:절대; 높이:59px; z-index:20; 왼쪽: 600px'>
<a href=" http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a>
</div>
여기에서는 x, y 값을 설정하여 고정 레이어의 위치를 설정하고, setTimeout("MoveLayer('AdLayer');", 20)의 20 값을 원하는 값으로 변경하면 됩니다. MoveLayer() 시간 간격을 호출하려고 합니다. 사용된 사진은 배경이 투명한 gif를 사용하는 것이 바람직하므로 사진의 배경색이 뒤에 있는 내용을 가리지 않습니다.
특수 효과 사용을 고려할 때 플로팅 광고를 신중하게 사용하고 시청자의 감정도 고려해야 하며 이를 남용하지 마세요!