화면 하단 오른쪽에 항상 그림이 위치하게 하는 스크립트입니다. 보통 광고배너를 이곳에 놓고 광고효과를 노리는데
사용하죠? 많이 보신것입니다. 데모를 보세요.
| Script Example |
<html>
<head>
<title>항상
맨 아래 오른쪽 귀퉁이에 그림 고정시키기</title>
<script
language = "Javascript">
var nAdCornerWidth = 75;
var nAdCornerHeight = 130;
var nAdCornerMarginX = 2;
var nAdCornerMarginY = 2;
var nScrollBarWidth = 16;
var nScrollBarHeight = 16;
var isMSIE = 0;
var nVersion = 3;
var nInterval = 200;
var isLoaded = 0;
function setup ()
{
nVersion = parseInt (navigator.appVersion);
if (navigator.appName == "Microsoft Internet
Explorer")
{
isMSIE = 1;
if (navigator.userAgent.indexOf ("MSIE 5")
!= -1)
{
nVersion = 5;
}
}
else
{
isMSIE = 0;
if (nVersion >= 4)
{
window.captureEvents (Event.MOUSEMOVE);
}
}
if (nVersion >= 4)
{
window.setInterval ("AdCornerMove();", nInterval);
}
}
function AdCornerMove ()
{
if (isLoaded == 0)
{
return;
}
if (isMSIE)
{
nAdCornerOriginX = document.body.clientWidth
- idAdCorner.width - nAdCornerMarginX;
nAdCornerOriginY = document.body.clientHeight
- idAdCorner.height - nAdCornerMarginY;
nAdCornerOriginX += document.body.scrollLeft;
nAdCornerOriginY += document.body.scrollTop;
idAdCorner.style.pixelLeft = nAdCornerOriginX;
idAdCorner.style.pixelTop = nAdCornerOriginY;
}
else
{
nAdCornerOriginX = window.innerWidth + window.pageXOffset
- nAdCornerWidth - nAdCornerMarginX;
nAdCornerOriginY = window.innerHeight + window.pageYOffset
- nAdCornerHeight - nAdCornerMarginY;
if (window.scrollbars.visible == true)
{
nAdCornerOriginX -= nScrollBarWidth;
nAdCornerOriginY -= nScrollBarHeight;
}
document.layers["idAdCorner"].pageX = nAdCornerOriginX;
document.layers["idAdCorner"].pageY = nAdCornerOriginY;
}
}
</script></head>
<body>
<layer name="idAdCorner"
zIndex=2 left=10 top=1000>
<img id="idAdCorner"
border=0 src="./img/d15_work1.gif"
style="position:absolute;left=10;top=1000;z-index:2;">
</layer>
<script LANGUAGE="JavaScript">
<!--
window.onload=setup;
isLoaded = 1;
//-->
</script>
오른쪽 하단에 그림이 고정됩니다.마우스로 옆에 스크롤바를 움직여도 항상 그곳에
가죠?
</body>
</html> |
|
|
| 설명 |
| 예제에서 빨간색 부분이 원하는 이미지를 지정하는 곳입니다. 이곳에서 내가
원하는 이미지의 정확한 경로명과 이름을 적기만 하면 됩니다. 스크롤바를 이용해도
그림아 항상 내려가므로 스크롤바가 생기는 곳에서 적용해도 상관없습니다. |
|
|
|
|
