侧边伸缩菜单

<style type="text/css">
#master {
	LEFT:-100px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:200px;
	Z-INDEX:2
}
#menu {
	LEFT:100px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:18px;
	Z-INDEX:5
}
#top {
	LEFT:0px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX:5
}
#screen {
	LEFT:0px;
	POSITION:absolute;
	TOP:31px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX:5
}
#screenlinks {
	LEFT:0px;
	POSITION:absolute;
	TOP:31px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX: 5
}
</style>
<script> 
var ie = document.all ? 1 : 0 
var ns = document.layers ? 1 : 0 
if(ie){ 
document.write('<style type="text/css">') 
document.write("#screen {filter:Alpha(Opacity=30);}") 
document.write("</style>") 
} 
if(ns){ 
document.write('<style type="text/css">') 
document.write("#master {clip:rect(0,150,250,0);}") 
document.write("</style>") 
} 
var ie = document.all ? 1 : 0 
var ns = document.layers ? 1 : 0 
var master = new Object("element") 
master.curLeft = -100; 
master.curTop = 10; 
master.gapLeft = 0; 
master.gapTop = 0; 
master.timer = null; 

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop) {
    clearTimeout(eval(layerName).timer);
    if (eval(layerName).curLeft != fromLeft) {
        if ((Math.max(eval(layerName).curLeft, fromLeft)-Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft) {
            eval(layerName).curLeft = fromLeft;
        } else if (eval(layerName).curLeft < fromLeft) {
            eval(layerName).curLeft = eval(layerName).curLeft + paceLeft;
        } else if (eval(layerName).curLeft > fromLeft) {
            eval(layerName).curLeft = eval(layerName).curLeft - paceLeft;
        }
        if (ie) {
            document.all[layerName].style.left = eval(layerName).curLeft;
        }
        if (ns) {
            document[layerName].left = eval(layerName).curLeft;
        }
    }
    if (eval(layerName).curTop != fromTop) {
        if ((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop) {
            eval(layerName).curTop = fromTop;
        } else if (eval(layerName).curTop < fromTop) {
            eval(layerName).curTop = eval(layerName).curTop + paceTop;
        } else if (eval(layerName).curTop > fromTop) {
            eval(layerName).curTop = eval(layerName).curTop - paceTop;
        }
        if (ie) {
            document.all[layerName].style.top = eval(layerName).curTop;
        }
        if (ns) {
            document[layerName].top = eval(layerName).curTop;
        }
    }
    eval(layerName).timer = setTimeout('moveAlong(" + layerName + ",' + paceLeft + ',' + paceTop + ',' + fromLeft + ',' + fromTop + ')', 30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed) {
    eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) / motionSpeed;
    eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) / motionSpeed;
	moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop);
}
var expandState = 0

function expand() {
    if (expandState == 0) {
        setPace("master", 0, 10, 10);
        if (ie) {
            document.menutop.src = "menub.gif"
        };
        expandState = 1;
    } else {
        setPace("master", -100, 10, 10);
        if (ie) {
            document.menutop.src = "menu.gif"
        };
        expandState = 0;
    }
}
</script>

<div id='master'>
	<div id='menu' onmouseover="javascript: expand() ">
		<table border='0' cellpadding='0' cellspacing='0' width='18'>
		<tbody>
		<tr>
			<td width=" 100 % ">
				<a href="javascript:expand()" onfocus ='this.blur()' >
				<img alt ='点击这里展开 / 关闭快捷菜单'  border ='' 0 height ='' 70 name ='menutop'  src ="menu.gif" width='18'></a>
			</td>
		</tr>
		</tbody>
		</table>
	</div>
	<div id='top'>
		<table border='0' cellpadding='0' cellspacing='0' width='100'>
		<tbody>
		<tr>
			<td width=" 100 % ">
				<img border='0' height='6' src="top.gif" width ='100' ></td>
			</tr>
			</tbody>
			</table>
			</div>
			<div id='screen' onmouseout="javascript:expand()">
				<table border ='0'  cellpadding ='5'  cellspacing ='0'  width ='100' >
				<tbody><tr><td bgcolor ='#336666'  width= "100%">
				<table bgcolor ='#336666'  border='0'  cellpadding ='0'  cellspacing ='0'  width = "100%" height='213'>
				<tbody>
				<tr>
					<td width="100%">
						<table border='0' cellpadding='5' cellspacing='1' width="100%">
						<tbody><tr><td bgcolor ='#ecf6f5'  width ="100%">
					</td>
				</tr>
				</tbody>
				</table>
			</td>
		</tr>
		</tbody>
		</table>
	</td>
</tr>
</tbody>
</table>
</div>
<div id='screenlinks'>
<table border='0' cellpadding='6' cellspacing='0' width='100'>
<tbody>
<tr>
	<td style="FILTER:alpha(opacity='90)" width="100%">
		<table bgcolor='#336666' border='0' cellpadding='0' cellspacing='0' width="100%">
		<tbody>
		<tr>
			<td width="100%">
				<table border='0' cellpadding='6' cellspacing='1' width="100%">
				<tbody>
				<tr>
					<td bgcolor='#ecf6f5' width="100%" align="center">
						<font color='999900'>闪客服务导航</font>
						├<a href="bank.asp" target="_BLANK">闪客银行</a>
						├<a href="gupiao.ASP">股票市场</a>
						├<a href="caipiao.ASP">福利彩票</a>
						├<a href="GUESS.ASP" target="_BLANK">猜 点 数</a>
						├<a href="BET.ASP" target="_BLANK">赌 大 小</a>
						├<a href="RACE.ASP" target="_BLANK">赛 马 场</a>
						├<a href="TIGER.ASP" target="_BLANK">老 虎 机</a>
					</td>
				</tr>
				</tbody>
				</table>
			</td>
		</tr>
		</tbody>
		</table>
	</td>
</tr>
</tbody>
</table>
</div>
</div>

<script>
if (ie) {
    var sidemenu = document.all.master;
}
if (ns) {
    var sidemenu = document.master;
}
function FixY() {
    if (ie) {
        sidemenu.style.top = document.body.scrollTop + 10
    }
    if (ns) {
        sidemenu.top = window.pageYOffset + 10
    }
}
setInterval("FixY()", 100); 
</script>