묻고답하기
슬라이드 레이어 방향 바꾸는것 가르쳐주세요.
2002.09.04 20:04
초보라서 어렵네요..
이 레이어 나오는 방향 바꾸는 방법 좀 가르쳐주세요.
왼쪽에서 오른쪽으로 나오는데..
레이어가 오른쪽에서 왼쪽으로 나오도록 말이에요.
left, right바꿔서 써보니까.. 목록이 슬라이드해서 들어가지 않네요..
그리고.. 글씨 색깔바꾸는 방법도요. 배경색은 바꿀 수 있는데..
글씨색 바꾸는데는 못찾겠어요.
가르쳐 주시면 사부로 모실께요~ ^____^
<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. -->
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-154px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<!--<BODY></bODY> 부분에 아래의 스크립트를 복사해 넣으세요-->
<script language="JavaScript1.2">
/*
Sliding Menu Bar Script- ?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, and TOS
Visit http://dynamicdrive.com
*/
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 id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
else
document.write('<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">')
var sitems=new Array()
var sitemlinks=new Array()
///////////Edit below/////////////////////////////////
//extend or shorten this list
sitems[0]="Home"
sitems[1]="Yajava"
sitems[2]="menu 1"
sitems[3]="menu 2"
sitems[4]="menu 3"
sitems[5]="menu 4"
sitems[6]="menu 5"
sitems[7]="menu 6"
sitems[8]="menu 7"
sitems[9]="menu 8"
sitems[10]="menu 9"
sitems[11]="menu 10"
sitems[12]="menu 11"
//These are the links pertaining to the above text.
sitemlinks[0]="http://yajava.com"
sitemlinks[1]="http://yajava.com"
sitemlinks[2]="http://yajava.com"
sitemlinks[3]="http://yajava.com"
sitemlinks[4]="http://yajava.com"
sitemlinks[5]="http://yajava.com"
sitemlinks[6]="http://yajava.com"
sitemlinks[7]="http://yajava.com"
sitemlinks[8]="http://yajava.com"
sitemlinks[9]="http://yajava.com"
sitemlinks[10]="http://yajava.com"
sitemlinks[11]="http://yajava.com"
sitemlinks[12]="http://yajava.com"
//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""
/////////////////////////////////////////////////////////
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+' target="'+target+'">'+sitems[i]+'</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("slidemenubar2").style : document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
document.write('</layer>')
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
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>
이 레이어 나오는 방향 바꾸는 방법 좀 가르쳐주세요.
왼쪽에서 오른쪽으로 나오는데..
레이어가 오른쪽에서 왼쪽으로 나오도록 말이에요.
left, right바꿔서 써보니까.. 목록이 슬라이드해서 들어가지 않네요..
그리고.. 글씨 색깔바꾸는 방법도요. 배경색은 바꿀 수 있는데..
글씨색 바꾸는데는 못찾겠어요.
가르쳐 주시면 사부로 모실께요~ ^____^
<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. -->
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-154px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<!--<BODY></bODY> 부분에 아래의 스크립트를 복사해 넣으세요-->
<script language="JavaScript1.2">
/*
Sliding Menu Bar Script- ?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, and TOS
Visit http://dynamicdrive.com
*/
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 id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
else
document.write('<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">')
var sitems=new Array()
var sitemlinks=new Array()
///////////Edit below/////////////////////////////////
//extend or shorten this list
sitems[0]="Home"
sitems[1]="Yajava"
sitems[2]="menu 1"
sitems[3]="menu 2"
sitems[4]="menu 3"
sitems[5]="menu 4"
sitems[6]="menu 5"
sitems[7]="menu 6"
sitems[8]="menu 7"
sitems[9]="menu 8"
sitems[10]="menu 9"
sitems[11]="menu 10"
sitems[12]="menu 11"
//These are the links pertaining to the above text.
sitemlinks[0]="http://yajava.com"
sitemlinks[1]="http://yajava.com"
sitemlinks[2]="http://yajava.com"
sitemlinks[3]="http://yajava.com"
sitemlinks[4]="http://yajava.com"
sitemlinks[5]="http://yajava.com"
sitemlinks[6]="http://yajava.com"
sitemlinks[7]="http://yajava.com"
sitemlinks[8]="http://yajava.com"
sitemlinks[9]="http://yajava.com"
sitemlinks[10]="http://yajava.com"
sitemlinks[11]="http://yajava.com"
sitemlinks[12]="http://yajava.com"
//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""
/////////////////////////////////////////////////////////
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+' target="'+target+'">'+sitems[i]+'</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("slidemenubar2").style : document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
document.write('</layer>')
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
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>