화면우측에 떠있는 레이어 만들려고하는데요... 정보
화면우측에 떠있는 레이어 만들려고하는데요...본문
안녕하세요..
메인페이지 및 각 서브페이지 마다 어떤 메뉴가 떠있는 메뉴를 만들려고 해요..
나모에서 스크립트마법사를 이용해서 떠있는메뉴는 만들었습니다.
==소스==
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
<script language="JavaScript">
<!--
function namosw_init_float_layers()
{
var name;
var layer;
var i;
var j;
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
<script language="JavaScript">
<!--
function namosw_init_float_layers()
{
var name;
var layer;
var i;
var j;
var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
j = 0;
document._float_layers = new Array(Math.max(1, namosw_init_float_layers.arguments.length/2));
for (i = 0; i < namosw_init_float_layers.arguments.length; i += 2) {
name = namosw_init_float_layers.arguments[i];
if (name == '')
return;
document._float_layers = new Array(Math.max(1, namosw_init_float_layers.arguments.length/2));
for (i = 0; i < namosw_init_float_layers.arguments.length; i += 2) {
name = namosw_init_float_layers.arguments[i];
if (name == '')
return;
if (is_ns4) {
layer = document.layers[name];
layer._fl_pos_left = layer.left;
layer._fl_pos_top = layer.top;
} else if (is_ns6) {
layer = document.getElementById(name);
layer._fl_pos_left = parseInt(layer.style.left);
layer._fl_pos_top = parseInt(layer.style.top);
} else {
layer = document.all[name];
layer._fl_pos_left = layer.style.pixelLeft;
layer._fl_pos_top = layer.style.pixelTop;
}
layer = document.layers[name];
layer._fl_pos_left = layer.left;
layer._fl_pos_top = layer.top;
} else if (is_ns6) {
layer = document.getElementById(name);
layer._fl_pos_left = parseInt(layer.style.left);
layer._fl_pos_top = parseInt(layer.style.top);
} else {
layer = document.all[name];
layer._fl_pos_left = layer.style.pixelLeft;
layer._fl_pos_top = layer.style.pixelTop;
}
layer._fl_pos = namosw_init_float_layers.arguments[i+1];
if (layer)
document._float_layers[j++] = layer;
}
if (layer)
document._float_layers[j++] = layer;
}
document._fl_interval = setInterval('namosw_process_float_layers()', 200);
}
}
function namosw_page_width()
{
var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
{
var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
return (is_ns4 || is_ns6) ? innerWidth : document.body.clientWidth;
}
}
function namosw_page_height()
{
var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
{
var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
return (is_ns4 || is_ns6) ? innerHeight : document.body.clientHeight;
}
}
function namosw_process_float_layers()
{
var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
{
var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
var is_ns6 = (navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById);
if (document._float_layers) {
var i;
var layer;
for (i = 0; i < document._float_layers.length; i++) {
layer = document._float_layers[i];
if (is_ns4) {
if (layer._fl_pos == 1)
layer.left = layer._fl_pos_left + window.pageXOffset;
else if (layer._fl_pos == 2 || layer._fl_pos == 5)
layer.left = window.pageXOffset;
else if (layer._fl_pos == 3 || layer._fl_pos == 6)
layer.left = window.pageXOffset + (namosw_page_width() - layer.clip.width)/2;
else
layer.left = window.pageXOffset + namosw_page_width() - layer.clip.width - 16;
if (layer._fl_pos == 1)
layer.top = layer._fl_pos_top + window.pageYOffset;
else if (layer._fl_pos == 2 || layer._fl_pos == 3 || layer._fl_pos == 4)
layer.top = window.pageYOffset;
else
layer.top = window.pageYOffset + namosw_page_height() - layer.clip.height;
} else if (is_ns6) {
if (layer._fl_pos == 1)
layer.style.left = layer._fl_pos_left + window.pageXOffset;
else if (layer._fl_pos == 2 || layer._fl_pos == 5)
layer.style.left = window.pageXOffset;
else if (layer._fl_pos == 3 || layer._fl_pos == 6)
layer.style.left = window.pageXOffset + (namosw_page_width() - parseInt(layer.style.width))/2;
else
layer.style.left = window.pageXOffset + namosw_page_width() - parseInt(layer.style.width);
if (layer._fl_pos == 1)
layer.style.top = layer._fl_pos_top + document.body.scrollTop;
else if (layer._fl_pos == 2 || layer._fl_pos == 3 || layer._fl_pos == 4)
layer.style.top = window.pageYOffset;
else
layer.style.top = window.pageYOffset + namosw_page_height() - parseInt(layer.style.height);
}
else {
if (layer._fl_pos == 1)
layer.style.pixelLeft = layer._fl_pos_left + document.body.scrollLeft;
else if (layer._fl_pos == 2 || layer._fl_pos == 5)
layer.style.pixelLeft = document.body.scrollLeft;
else if (layer._fl_pos == 3 || layer._fl_pos == 6)
layer.style.pixelLeft = document.body.scrollLeft + (namosw_page_width() - layer.style.pixelWidth)/2;
else
layer.style.pixelLeft = document.body.scrollLeft + namosw_page_width() - layer.style.pixelWidth;
if (layer._fl_pos == 1)
layer.style.pixelTop = layer._fl_pos_top + document.body.scrollTop;
else if (layer._fl_pos == 2 || layer._fl_pos == 3 || layer._fl_pos == 4)
layer.style.pixelTop = document.body.scrollTop;
else
layer.style.pixelTop = document.body.scrollTop + namosw_page_height() - layer.style.pixelHeight;
}
}
}
}
var i;
var layer;
for (i = 0; i < document._float_layers.length; i++) {
layer = document._float_layers[i];
if (is_ns4) {
if (layer._fl_pos == 1)
layer.left = layer._fl_pos_left + window.pageXOffset;
else if (layer._fl_pos == 2 || layer._fl_pos == 5)
layer.left = window.pageXOffset;
else if (layer._fl_pos == 3 || layer._fl_pos == 6)
layer.left = window.pageXOffset + (namosw_page_width() - layer.clip.width)/2;
else
layer.left = window.pageXOffset + namosw_page_width() - layer.clip.width - 16;
if (layer._fl_pos == 1)
layer.top = layer._fl_pos_top + window.pageYOffset;
else if (layer._fl_pos == 2 || layer._fl_pos == 3 || layer._fl_pos == 4)
layer.top = window.pageYOffset;
else
layer.top = window.pageYOffset + namosw_page_height() - layer.clip.height;
} else if (is_ns6) {
if (layer._fl_pos == 1)
layer.style.left = layer._fl_pos_left + window.pageXOffset;
else if (layer._fl_pos == 2 || layer._fl_pos == 5)
layer.style.left = window.pageXOffset;
else if (layer._fl_pos == 3 || layer._fl_pos == 6)
layer.style.left = window.pageXOffset + (namosw_page_width() - parseInt(layer.style.width))/2;
else
layer.style.left = window.pageXOffset + namosw_page_width() - parseInt(layer.style.width);
if (layer._fl_pos == 1)
layer.style.top = layer._fl_pos_top + document.body.scrollTop;
else if (layer._fl_pos == 2 || layer._fl_pos == 3 || layer._fl_pos == 4)
layer.style.top = window.pageYOffset;
else
layer.style.top = window.pageYOffset + namosw_page_height() - parseInt(layer.style.height);
}
else {
if (layer._fl_pos == 1)
layer.style.pixelLeft = layer._fl_pos_left + document.body.scrollLeft;
else if (layer._fl_pos == 2 || layer._fl_pos == 5)
layer.style.pixelLeft = document.body.scrollLeft;
else if (layer._fl_pos == 3 || layer._fl_pos == 6)
layer.style.pixelLeft = document.body.scrollLeft + (namosw_page_width() - layer.style.pixelWidth)/2;
else
layer.style.pixelLeft = document.body.scrollLeft + namosw_page_width() - layer.style.pixelWidth;
if (layer._fl_pos == 1)
layer.style.pixelTop = layer._fl_pos_top + document.body.scrollTop;
else if (layer._fl_pos == 2 || layer._fl_pos == 3 || layer._fl_pos == 4)
layer.style.pixelTop = document.body.scrollTop;
else
layer.style.pixelTop = document.body.scrollTop + namosw_page_height() - layer.style.pixelHeight;
}
}
}
}
// -->
</script>
</head>
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="namosw_init_float_layers('layer1', 4);">
<div id="layer1" style="width:109px; height:100px; position:absolute; left:10px; top:52px; z-index:1;">
<p><img src="http://www.castlegoldpark.org/img/pppppppppppp.jpg" width="100" height="100" border="0"></p>
</div>
<p> </p>
</body>
<div id="layer1" style="width:109px; height:100px; position:absolute; left:10px; top:52px; z-index:1;">
<p><img src="http://www.castlegoldpark.org/img/pppppppppppp.jpg" width="100" height="100" border="0"></p>
</div>
<p> </p>
</body>
</html>
=====================================
=====================================
그런데 이부분을 인덱스페이지 어느부분에 삽입해야하는지 몰라서요...
index.php를 건들면 무조건 에러가 나더라구요..
고수닙들의 답변부탁드립니다
홈페이지는 www.castlegoldpark.org이구요..
head파일은 상단하고 좌측메뉴변경인데..
메인우측에 떠있는 메뉴를 어떻게 다는지 몰라서요..부탁드릴깨요
댓글 전체
오른쪽에 따라다니는 퀵메뉴형태라면 아래를 참조해 보세요.
http://www.sir.co.kr/bbs/tb.php/g4_skin/52836/3c242342cc1192cad359a9adc04d0b72
http://www.sir.co.kr/bbs/tb.php/g4_skin/52836/3c242342cc1192cad359a9adc04d0b72