화면우측에 떠있는 레이어 만들려고하는데요...
안녕하세요..
메인페이지 및 각 서브페이지 마다 어떤 메뉴가 떠있는 메뉴를 만들려고 해요..
나모에서 스크립트마법사를 이용해서 떠있는메뉴는 만들었습니다.
==소스==
<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파일은 상단하고 좌측메뉴변경인데..
메인우측에 떠있는 메뉴를 어떻게 다는지 몰라서요..부탁드릴깨요
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 1개
http://www.sir.co.kr/bbs/tb.php/g4_skin/52836/3c242342cc1192cad359a9adc04d0b72