브라우저 왼쪽벽에 붙어 있는 슬라이딩 메뉴
페이지 정보
작성자 서방님 댓글 0건 조회 58회 작성일 07-08-11 15:07본문
<html>
<head>
<title>BLUEB</title>
<script language="JavaScript1.2">
<!--
ie=document.all?1:0
n=document.layers?1:0
lshow=42
var move=20;
menuSpeed=10
var moveOnScroll=true
var tim;
var ltop;
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
this.state=1
this.go=0
this.width=n?this.css.document.width:eval(obj+'.offsetWidth')
this.left=b_getleft
this.obj = obj + "Object"; eval(this.obj + "=this")
}
function b_getleft(){
var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft);
return gleft;
}
function moveMenu(){
if(!oMenu.state){
clearTimeout(tim)
mIn()
}else{
clearTimeout(tim)
mOut()
}
}
function mIn(){
if(oMenu.left()>-oMenu.width+lshow){
oMenu.go=1
oMenu.css.left=oMenu.left()-move
tim=setTimeout("mIn()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=1
}
}
function mOut(){
if(oMenu.left()<0){
oMenu.go=1
oMenu.css.left=oMenu.left()+move
tim=setTimeout("mOut()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=0
}
}
function checkScrolled(){
if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop
if(n) setTimeout('checkScrolled()',30)
}
function menuInit(){
oMenu=new makeMenu('divMenu')
scrolled=n?"window.pageYOffset":"document.body.scrollTop"
oMenu.css.left=-oMenu.width+lshow
ltop=(n)?oMenu.css.top:oMenu.css.pixelTop;
oMenu.css.visibility='visible'
if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}
onload=menuInit;
//-->
</script>
<script language="JavaScript">
<!--
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
// -->
</script>
</HEAD>
<BODY>
<div id="divMenu" style="position:absolute; left:42px; top:50px; z-index:1; visibility:hidden; layer-background-color:white; ">
<table cellpadding="0" cellspacing="0">
<tr>
<td><IMG src="http://www.blueb.co.kr/SRC/javascript/image1/menu04.gif" border=0></td>
<td><IMG src="http://www.blueb.co.kr/SRC/javascript/image1/menu03.gif" border=0></td>
<td><IMG src="http://www.blueb.co.kr/SRC/javascript/image1/menu02.gif" border=0></td>
<td><IMG src="http://www.blueb.co.kr/SRC/javascript/image1/menu01.gif" border=0></td>
<td><a href="#" onclick="moveMenu()"><IMG src="http://www.blueb.co.kr/SRC/javascript/image1/menu_tab.gif" border=0></a></td>
</tr>
</table>
</div>
브라우저 왼쪽을 보세요...<br>
MENU TAB을 클릭하면 메뉴가 슬라이딩되어 나타납니다..
</BODY>
</HTML>
댓글목록
등록된 댓글이 없습니다.
