sleepmenu

wilt u een sleep menu zoals hier linksboven aangegeven dan kopieërt u de volgende code.

 

 

Head

 

deze code zet u in de head van uw pagina:

 

<style>
<!--
#slidemenubar, #slidemenubar2{
cursor:hand;
position:absolute;
left:-155px;
width:200px;
top:30px;
border:1.5px solid #404040;
background-color:lime;
layer-background-color:red;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>

<base target="_blank">

 

Body

 

En deze tussen de body tags van uw pagina

<script language="JavaScript1.2">
<!--
if (document.all)
document.write('<div id="slidemenubar2" style="left:-150">')
// -->
</script>
<font face="Arial,Helvetica,MS Sans Serif">
<layer id="slidemenubar">
<script language="JavaScript1.2">
<!--
var sitems=new Array()
var sitemlinks=new Array()

////////hier de links veranderen//////

sitems[0]="Link 1"
sitems[1]="Link 2"
sitems[2]="Link 3"
sitems[3]="Link 4"

//////////// URL////////////////

sitemlinks[0]="http://www.leejoo.nl"
sitemlinks[1]="http://www.leejoo.nl"
sitemlinks[2]="http://www.leejoo.nl"
sitemlinks[3]="http://www.leejoo.nl"


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>