JS推拉门式的菜单导航

<html>
<head>
<title>JS推拉门式的菜单导航 - www.webdm.cn</title>
<STYLE type="text/css">
<!--
.link {

color : #000000;
text-decoration : none;

}

A.link:hover {
color : red;
}

A.link:active {
color : #000000;
text-decoration : none;
}
//-->
</STYLE>
<STYLE type="text/css">
<!--
#slidemenubar2{
position:absolute;
left:-110pt;
width:120pt;
top:100pt;
border:1.5pt solid black;
background-color:#ffffff;
layer-background-color:#ffffff;
font: 9pt/20pt "宋体";
}
body { font-size: 9pt; margin: 0pt}

#slidemenubar { position:absolute;
left:-110pt;
width:120pt;
top:100pt;
border:1.5pt black solid;
background-color:#F3F3F3;
layer-background-color:lightyellow;
font: 9pt/20pt "宋体";
}
//-->
</style>
<title>JS推拉门式的菜单导航 - www.webdm.cn</title>

</head>
<body leftmargin="0" >

</bod<script language="JavaScript1.2">

<div id="slidemenubar2" style="left:-100" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//以下是菜单内容,自由设置
sitems[0]="本站首页"
sitems[1]="网页代码站"
sitems[2]="菜单导航"
sitems[3]="文本链接"
sitems[4]="层和布局"
sitems[5]="浏览器相关"
sitems[6]="表单按钮"
sitems[7]="背景特效"
sitems[8]="游戏娱乐"


//菜单项目连接
sitemlinks[0]="/"
sitemlinks[1]="/"
sitemlinks[2]="/"
sitemlinks[3]="/"
sitemlinks[4]="/"
sitemlinks[5]="/"
sitemlinks[6]="http://www.webdm.cn"
sitemlinks[7]="/"
sitemlinks[8]="/"

for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
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 (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
<br>
<a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!

</body>
</html>

你可能感兴趣的:(菜单导航,推拉门)