推拉門式樣的菜單

字號:


    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" onMouseover="pull()" onMouseout="draw()">')
    </script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2">
    var sitems=new Array()
    var sitemlinks=new Array()
    //以下是菜單內(nèi)容,自由設(shè)置;
    sitems[0]="本站首頁"
    sitems[1]="最新更新"
    sitems[2]="夢想軟件"
    sitems[3]="其它欄目"
    sitems[4]="桌面壁紙"
    sitems[5]="給我留言"
    sitems[6]="下載特區(qū)"
    sitems[7]="Email Me"
    sitems[8]="我的簡介"
    //菜單項目連接
    sitemlinks[0]=""
    sitemlinks[1]=""
    sitemlinks[2]=""
    sitemlinks[3]=".www.forasp.cn"
    sitemlinks[4]=""
    sitemlinks[5]=""
    sitemlinks[6]=".www.forasp.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>