묻고답하기
슬라이딩 배너의 위치를 수정하고 싶습니다.. 고수님들의 조언부탁드립니다.
2006.11.13 14:15
슬라이딩 배너를 제작하는 중인데 아래 소스를 이용중입니다.
현재 아래의 소스는 오른쪽 상단에 위치하게 되는 소스인데...
Left: 600px.... 이부분을 수정해도 테이블의 레이어가 왼쪽으로 옮겨지질 않네요...
어떻게 수정해야하는지 고수님들의 도움을 부탁드립니다.
<body onresize="Pos_top();">
<!--슬라이딩 레이어 출력-->
<DIV id=layer_top style="Left: 600px; VISIBILITY: hidden; WIDTH: 39px; height: 41px; POSITION: absolute;background-color:transparent;">
<A href="#" onfocus='this.blur()' ><IMG src="layer_top.gif" height=41 width=39 border=0></A>
</DIV>
<!--슬라이딩 레이어 출력 끝-->
<!--본문 테스트-->
<table align="center" width="800" height="2000" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>1111111111111111</td>
</tr>
</table>
<!--본문 테스트 끝-->
<!--이하는 풋터에 들어감-->
<script language="javascript">
//슬라이딩 레이어 초기위치
function Pos_top() {
if (document.body.clientWidth > 800) {
layer_top.style.left = (document.body.clientWidth - 800)/2 + 800;
} else {
layer_top.style.left = 810;
}
//상단에서 100
layer_top.style.top = document.body.scrollTop + 100;
//문서내용이 화면보다 작을때 숨김(top아이콘일때만 필요)
if (document.body.scrollHeight > document.body.clientHeight) {
layer_top.style.display = '';
layer_top.style.visibility = "visible";
}
}
Pos_top();
document.onfocusin=Pos_top;
//슬라이딩
var tpos; //레이어의 최종위치
var loop;
speed = 15; //레이어의 움직임 속도조정(작을수록 빠름)
function check_scrollmove()
{
//상단에서 100
tpos = document.body.scrollTop + 100 ;
if(layer_top.style.pixelTop < tpos)
{
//레이어 내려갈때는....tpos(레이어최종위치)에 +50해야 위치가 맞음(왜 그럴까?)
layer_top.style.pixelTop += ((tpos+50)-layer_top.style.pixelTop)/speed;
}
if(layer_top.style.pixelTop > tpos)
{
layer_top.style.pixelTop -= (layer_top.style.pixelTop-tpos)/speed;
}
//문서내용이 화면보다 작을때 숨김(top아이콘일때만 필요)
if (document.body.scrollHeight > document.body.clientHeight) {
layer_top.style.display = '';
layer_top.style.visibility = "visible";
} else {
layer_top.style.display = 'none';
layer_top.style.visibility = "hidden";
}
loop = setTimeout("check_scrollmove()",15);
}
check_scrollmove();
</script>
</body>
현재 아래의 소스는 오른쪽 상단에 위치하게 되는 소스인데...
Left: 600px.... 이부분을 수정해도 테이블의 레이어가 왼쪽으로 옮겨지질 않네요...
어떻게 수정해야하는지 고수님들의 도움을 부탁드립니다.
<body onresize="Pos_top();">
<!--슬라이딩 레이어 출력-->
<DIV id=layer_top style="Left: 600px; VISIBILITY: hidden; WIDTH: 39px; height: 41px; POSITION: absolute;background-color:transparent;">
<A href="#" onfocus='this.blur()' ><IMG src="layer_top.gif" height=41 width=39 border=0></A>
</DIV>
<!--슬라이딩 레이어 출력 끝-->
<!--본문 테스트-->
<table align="center" width="800" height="2000" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>1111111111111111</td>
</tr>
</table>
<!--본문 테스트 끝-->
<!--이하는 풋터에 들어감-->
<script language="javascript">
//슬라이딩 레이어 초기위치
function Pos_top() {
if (document.body.clientWidth > 800) {
layer_top.style.left = (document.body.clientWidth - 800)/2 + 800;
} else {
layer_top.style.left = 810;
}
//상단에서 100
layer_top.style.top = document.body.scrollTop + 100;
//문서내용이 화면보다 작을때 숨김(top아이콘일때만 필요)
if (document.body.scrollHeight > document.body.clientHeight) {
layer_top.style.display = '';
layer_top.style.visibility = "visible";
}
}
Pos_top();
document.onfocusin=Pos_top;
//슬라이딩
var tpos; //레이어의 최종위치
var loop;
speed = 15; //레이어의 움직임 속도조정(작을수록 빠름)
function check_scrollmove()
{
//상단에서 100
tpos = document.body.scrollTop + 100 ;
if(layer_top.style.pixelTop < tpos)
{
//레이어 내려갈때는....tpos(레이어최종위치)에 +50해야 위치가 맞음(왜 그럴까?)
layer_top.style.pixelTop += ((tpos+50)-layer_top.style.pixelTop)/speed;
}
if(layer_top.style.pixelTop > tpos)
{
layer_top.style.pixelTop -= (layer_top.style.pixelTop-tpos)/speed;
}
//문서내용이 화면보다 작을때 숨김(top아이콘일때만 필요)
if (document.body.scrollHeight > document.body.clientHeight) {
layer_top.style.display = '';
layer_top.style.visibility = "visible";
} else {
layer_top.style.display = 'none';
layer_top.style.visibility = "hidden";
}
loop = setTimeout("check_scrollmove()",15);
}
check_scrollmove();
</script>
</body>