이런 레이어메뉴스크립트를 ... 정보
그누보드 이런 레이어메뉴스크립트를 ...
본문
평상시에 숨겨져있다가 조금나온 메뉴에 마우스를 올렸을때 미끄러지듯이 나오는
레이어메뉴를 찾고있습니다..~@@
평상시..잘 보이드만..오늘은 인터넷이....~@@
위치는 위(상단)에적용하고 싶은데...(마우스를올렸을때..위에서내려오는거)
혹시..~@회원님들중에...이런..레이어메뉴스크립을 가진신분이나..
알고계신분..도움주싶시요..
에구구~@@ 다시검색하러갑니다..
레이어메뉴를 찾고있습니다..~@@
평상시..잘 보이드만..오늘은 인터넷이....~@@
위치는 위(상단)에적용하고 싶은데...(마우스를올렸을때..위에서내려오는거)
혹시..~@회원님들중에...이런..레이어메뉴스크립을 가진신분이나..
알고계신분..도움주싶시요..
에구구~@@ 다시검색하러갑니다..
댓글 전체
감사합니다..예진맘님..제가찾고있는거 맞습니다..응용해서쓰겠습니다^^..
매번이렇게 도와주셔서 감사드립니다..
저는 아는게없어서..예진맘님질문때 도와드리지도못하는데..~@@
매번이렇게 도와주셔서 감사드립니다..
저는 아는게없어서..예진맘님질문때 도와드리지도못하는데..~@@
아마도 left right를 top bottom으로 숫자 조정도 필요할 듯.....
이것은 왼쪽에서 나오는 것인데....응용하셔도 되실 듯...
<meta http-equiv="expires" content="-1">
<meta http-equiv="pragma" content="no-cache">
<style>
<!--
/* 메뉴 입니다판의 모양을 이곳에서 설정 하세요 */
#jslidemenubar, #jslidemenubar2{
position:absolute;
left:-90px;/* 메뉴 입니다판의 숨겨질 부분의 너비 */
width:100px;/* 메뉴 입니다판의 가로너비 */
top:250px; /* 위쪽 간격 */
border:1.5px solid white;/* 테두리 모양 */
padding:10px;/* 안쪽 간격 */
background-color:gold;/* 배경색상 */
layer-background-color:gold;
font:12px 굴림;/* 글꼴 */
font-color:#FF8080;
line-height:20px;/* 라인간격 */
}
-->
</style>
<script language="JavaScript1.2">
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div align=right id="jslidemenubar2" style="left:-90" onMouseover="pull()" onMouseout="draw()">')
else
document.write('<layer id="jslidemenubar" onMouseover="pull()" onMouseout="draw()">')
var sitems=new Array()
var sitemlinks=new Array()
// 메뉴 입니다레이어에 보여질 메뉴 입니다를 설정 합니다
sitems[0]="MENU01"
sitems[1]="MENU02"
sitems[2]="MENU03"
sitems[3]="MENU04"
sitems[4]="MENU05"
sitems[5]="MENU06"
sitems[6]="커뮤니티"
sitems[7]="웹스터디"
sitems[8]="회원경매"
sitems[9]="웹서치"
// 각 메뉴 입니다의 링크를 설정 하세요
sitemlinks[0]="./."
sitemlinks[1]="./."
sitemlinks[2]="./."
sitemlinks[3]="./."
sitemlinks[4]="./."
sitemlinks[5]="./."
sitemlinks[6]="./."
sitemlinks[7]="./."
sitemlinks[8]="./."
sitemlinks[9]="./."
// 프레임에서 사용하려면 아래에서 타겟을 설정 하세요
var target="_self";
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+' target="'+target+'"><font color=#0080FF><b>'+sitems[i]+'</b></font></a><br>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("jslidemenubar2").style : document.all.jslidemenubar2.style
rightboundary=0
leftboundary=-90
}
else{
document.write('</layer>')
themenu=document.layers.jslidemenubar
rightboundary=100
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",1)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",2)
}
function pullengine(){
if (ie4&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if (ns6&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+5
else if( ns4&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (ie4&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if (ns6&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-5
else if(ns4&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
<meta http-equiv="expires" content="-1">
<meta http-equiv="pragma" content="no-cache">
<style>
<!--
/* 메뉴 입니다판의 모양을 이곳에서 설정 하세요 */
#jslidemenubar, #jslidemenubar2{
position:absolute;
left:-90px;/* 메뉴 입니다판의 숨겨질 부분의 너비 */
width:100px;/* 메뉴 입니다판의 가로너비 */
top:250px; /* 위쪽 간격 */
border:1.5px solid white;/* 테두리 모양 */
padding:10px;/* 안쪽 간격 */
background-color:gold;/* 배경색상 */
layer-background-color:gold;
font:12px 굴림;/* 글꼴 */
font-color:#FF8080;
line-height:20px;/* 라인간격 */
}
-->
</style>
<script language="JavaScript1.2">
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div align=right id="jslidemenubar2" style="left:-90" onMouseover="pull()" onMouseout="draw()">')
else
document.write('<layer id="jslidemenubar" onMouseover="pull()" onMouseout="draw()">')
var sitems=new Array()
var sitemlinks=new Array()
// 메뉴 입니다레이어에 보여질 메뉴 입니다를 설정 합니다
sitems[0]="MENU01"
sitems[1]="MENU02"
sitems[2]="MENU03"
sitems[3]="MENU04"
sitems[4]="MENU05"
sitems[5]="MENU06"
sitems[6]="커뮤니티"
sitems[7]="웹스터디"
sitems[8]="회원경매"
sitems[9]="웹서치"
// 각 메뉴 입니다의 링크를 설정 하세요
sitemlinks[0]="./."
sitemlinks[1]="./."
sitemlinks[2]="./."
sitemlinks[3]="./."
sitemlinks[4]="./."
sitemlinks[5]="./."
sitemlinks[6]="./."
sitemlinks[7]="./."
sitemlinks[8]="./."
sitemlinks[9]="./."
// 프레임에서 사용하려면 아래에서 타겟을 설정 하세요
var target="_self";
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+' target="'+target+'"><font color=#0080FF><b>'+sitems[i]+'</b></font></a><br>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("jslidemenubar2").style : document.all.jslidemenubar2.style
rightboundary=0
leftboundary=-90
}
else{
document.write('</layer>')
themenu=document.layers.jslidemenubar
rightboundary=100
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",1)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",2)
}
function pullengine(){
if (ie4&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if (ns6&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+5
else if( ns4&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (ie4&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if (ns6&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-5
else if(ns4&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
