Alan Studio PDA 隱藏拖曳式選單

步驟 1 - 將以下程式碼加入<html></html>內便可:

<script language="JavaScript1.2">
if (document.all)
document.write('<div id="slidemenubar2" style="left:-150">')
</script>
<layer id="slidemenubar">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="動畫圖庫"
sitems[1]="天后宮"
sitems[2]="廣濟宮"
sitems[3]="旗後砲臺"
sitems[4]="旗後燈塔"
sitems[5]="海岸公園"
sitems[6]="二十五淑女墓"
sitems[7]="港都一日遊"
sitems[8]="免費資源"
sitems[9]="好站連結"
sitems[10]="Script"
sitems[11]="Applet"
sitems[12]="Email"

//These are the links pertaining to the above text.
sitemlinks[0]="pictures.htm"
sitemlinks[1]="../historic/temple.htm"
sitemlinks[2]="../tempes.htm"
sitemlinks[3]="../historic/battery.htm"
sitemlinks[4]="../historic/lighthouse.htm "
sitemlinks[5]="../cdastalpark.htm"
sitemlinks[6]="../ladytonb.htm"
sitemlinks[7]="../touristone.htm"
sitemlinks[8]="../good.htm"
sitemlinks[9]="../free.htm"
sitemlinks[10]="../javascript.htm"
sitemlinks[11]="../javaapplet.htm"
sitemlinks[12]=""

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
}
var dragapproved=false
var x1,x2
if (document.layers)
themenu.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)

function move(e){
if (document.all&&event.button==1&&dragapproved){
if(temp1+event.clientX-x1>leftboundary)
themenu.pixelLeft=Math.min(rightboundary,temp1+event.clientX-x1)
else
themenu.pixelLeft=Math.max(leftboundary,temp1+event.clientX-x1)
}

else if (document.layers){
if(themenu.left+e.x-x2>leftboundary)
themenu.left=Math.min(rightboundary+2,themenu.left+e.x-x2)
else
themenu.left=Math.max(leftboundary-2,themenu.left+e.x-x2)
}
}

function drags(e){
if (document.all){
dragapproved=true
temp1=themenu.pixelLeft
x1=event.clientX
document.onmousemove=move
}
else{
themenu.captureEvents(Event.MOUSEMOVE)
x2=e.x
}
}

function stopit(){
if (document.all){
dragapproved=false
}
if (document.layers)
themenu.releaseEvents(Event.MOUSEMOVE)
}

if (document.all){
document.all.slidemenubar2.onmousedown=drags
document.all.slidemenubar2.onmouseup=new Function("dragapproved=false")
document.onselectstart=new Function("return false")
}
else if (document.layers){
themenu.onmousedown=drags
themenu.onmousemove=move
themenu.onmouseup=stopit
}

</script>

步驟 2 - 將以下程式碼加入<head></head>內便可:

列印網頁內容