키보드 X키를 누르면 왼쪽벽에서 슬라이딩 되면서 나타나는 메뉴
페이지 정보
작성자 서방님 댓글 0건 조회 182회 작성일 07-08-11 15:29본문
<html>
<head>
<title>http://www.blueb.co.kr</title>
<style>
<!--
#slidemenubar, #slidemenubar2{
padding:10px;
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<body>
키보드 X 키를 누르면 왼쪽벽에서 슬라이딩 되면서 나타나고 Z키를 누르면 다시 들어갑니다.
<script language="JavaScript1.2">
var slidemenu_width='160px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='170px' //specify vertical offset of menu on page
var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" title="Press x to expand the menu, z to contract it">')
else if (ns4){
document.write('<style>n#slidemenubar{nwidth:'+slidemenu_width+';}n</style>n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' visibility=hide>')
}
var sitems=new Array()
sitems[0]=["<font face='Arial'><B>:: Site Menu</B></font>", ""]
sitems[1]=["MAIN MENU 01", "http://www.blueb.co.kr"]
sitems[2]=["MAIN MENU 02", "http://www.blueb.co.kr"]
sitems[3]=["MAIN MENU 03", "http://www.blueb.co.kr"]
sitems[4]=["MAIN MENU 04", "http://www.blueb.co.kr"]
sitems[5]=["MAIN MENU 05", "http://www.blueb.co.kr"]
sitems[6]=["MAIN MENU 06", "http://www.blueb.co.kr"]
sitems[7]=["MAIN MENU 07", "http://www.blueb.co.kr"]
sitems[8]=["MAIN MENU 08", "http://www.blueb.co.kr"]
sitems[9]=["MAIN MENU 09", "http://www.blueb.co.kr"]
sitems[10]=["MAIN MENU 10", "http://www.blueb.co.kr"]
var target="" //타겟 설정
/////////////////////////////////////////////////////////
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>n')
}
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2
rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}
function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
if (ns4)
document.captureEvents(Event.KEYPRESS)
function menuengine(e){
if (ns4||ns6){
if (e.which==120)
pull()
if (e.which==122)
draw()
}
else if (ie4){
if (event.keyCode==120)
pull()
if (event.keyCode==122)
draw()
}
}
document.onkeypress=menuengine
</script>
댓글목록
등록된 댓글이 없습니다.
