原始檔如下..
<style>
<!--
A:hover{color:#ffff00}
A:visited:{color:#ffffff}
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid black;
background-color:lightblue;
layer-background-color:lightblue;
font:bold 12px Helvetica;
line-height:14px;
}
-->
</style>
<script language="JavaScript1.2">
//slide in menu adapted and modified from original found on
//?Dynamic Drive (www.dynamicdrive.com)
//100's more DHTML scripts, and Terms Of
//Use, visit dynamicdrive.com
//submitted to and exhibited on A1javascripts.com with permission.
if (document.all)
document.write('<div id="slidemenubar2" style="left:-150"
onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()"
onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
var sitemstatus=new Array()
var sitemsnone=new Array()
//enter your site names here
//follow the below pattern to add as many as you wish
sitems[0]="E-mail to me"
sitems[1]="yahoo.hk"
sitems[2]="sina"
sitems[3]="timway"
sitems[4]="HongKong.com"
sitems[5]="Search.."
sitems[6]="Yahoo.."
//This is where you enter your links in the same order as above.
sitemlinks[0]="mailto:supershun@hongkong.com"
sitemlinks[1]="http://www.hk.yahoo.com"
sitemlinks[2]="http://www.sina.com"
sitemlinks[3]="http://www.timway.com"
sitemlinks[4]="http://www.hongkong.com"
sitemlinks[5]="http://www.search.com"
sitemlinks[6]="http://www.yahoo.com"
//This is where you enter the mouse over status text
sitemstatus[0]="window.status='????'"
sitemstatus[1]="window.status='Java??'"
sitemstatus[2]="window.status='Java??'"
sitemstatus[3]="window.status='HTML??'"
sitemstatus[4]="window.status='????'"
sitemstatus[5]="window.status='????'"
sitemstatus[6]="window.status='????'"
//do not edit below here
sitemsnone[0]="window.status=''"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+' ONMOUSEOVER="'+sitemstatus[i]+';return
true;" ONMOUSEOUT="'+sitemsnone[0]+';return
true;">'+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>