推拉门式样的菜单效果
下面是效果
将以下代码加入到HEML的<head></head>之间：
<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>
将以下代码加入到HEML的<body></body>之间：
<script language="JavaScript1.2">
if (document.all)
document.write('<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]="263首都在线"
sitems[8]="炎黄在线"
//菜单项目连接
sitemlinks[0]="http://www.goodsgy.com"
sitemlinks[1]="http://www.jzptt.ln.cn"
sitemlinks[2]="http://www.online.ln.cn"
sitemlinks[3]="http://www.sina.com.cn"
sitemlinks[4]="http://www.39.net"
sitemlinks[5]="http://www.163.com"
sitemlinks[6]="http://www.lxbbs.com"
sitemlinks[7]="http://www.263.net"
sitemlinks[8]="http://www.chinese.com"
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>
在这个菜单中的网站个数不受限制,你自己可以任意增加减少.在此希望你可以给本站做链接,谢谢！！！