网站制作学习网JS脚本→正文:推拉门式样的菜单
字体:

推拉门式样的菜单

JS脚本 2008/1/23 8:13:39  点击:不统计

1、将以下代码加入到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>



====2、将以下代码加入到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]="Email Me"

sitems[8]="我的简介"

//菜单项目连接

sitemlinks[0]="www.forasp.cn"

sitemlinks[1]="www.forasp.cn"

sitemlinks[2]="www.forasp.cn"

sitemlinks[3]=".www.forasp.cn"

sitemlinks[4]="www.forasp.cn"

sitemlinks[5]="www.forasp.cn"

sitemlinks[6]=".www.forasp.cn"

sitemlinks[7]="mailto:##@163.net"

sitemlinks[8]="http://www.forasp.cn"

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>

·上一篇:左键弹出式菜单 >>    ·下一篇:JS让源代码看不到 >>
推荐文章
最新文章