Appuyer sur "x" pour ouvrir le menu et sur "z" pour le fermer !
Téléchargez ici le script ( 1,42 Ko )
Copiez entre le tag <HEAD> et </HEAD> :
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px
solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px arial,helvetica;
line-height:20px;
}
-->
</style>
<script language="JavaScript1.2">
function showtip(nulling){
if (document.all){
if (nulling==0&&slidemenubar2.style.pixelLeft==-150)
slidemenubar2.title='Appuyer
sur "x" pour ouvrir le menu, et sur "z" pour le fermer'
else
slidemenubar2.title=''
}
else if (document.layers){
if (nulling==0&&!window.pullit)
window.status='Appuyer
sur "x" pour ouvrir le menu, et sur "z" pour le fermer'
else
window.status=''
}
}
if (document.all)
document.write('<div id="slidemenubar2"
style="left:-150" onMouseover="showtip(0)" onMouseout="showtip(1)">')
</script>
<layer id="slidemenubar" onMouseover="showtip(0)"
onMouseout="showtip(1)">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
// Les titres, on peut en rajouter, en enlever...
sitems[0]="Page 1"
sitems[1]="Page 2"
sitems[2]="Page
3"
sitems[3]="Page 4"
sitems[4]="Page 5"
sitems[5]="Page
6"
sitems[6]="Page 7"
sitems[7]="Page 8"
sitems[8]="Page
9"
sitems[9]="Page 10"
sitems[10]="Page 11"
sitems[11]="Page
12"
sitems[12]="Page 13"
// Les liens (en rapport avec le nombre de titres)
sitemlinks[0]="page1.html"
sitemlinks[1]="page2.html"
sitemlinks[2]="page3.html"
sitemlinks[3]="page4.html"
sitemlinks[4]="page5.html"
sitemlinks[5]="page6.html"
sitemlinks[6]="page7.html"
sitemlinks[7]="page8.html"
sitemlinks[8]="page9.html"
sitemlinks[9]="page10.html"
sitemlinks[10]="page11.html"
sitemlinks[11]="page12.html"
sitemlinks[12]="page13.html"
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)
}
if (document.layers)
document.captureEvents(Event.KEYPRESS)
function
menuengine(e){
if (document.layers){
if (e.which==120)
pull()
if (e.which==122)
draw()
}
else
if (document.all){
if (event.keyCode==120)
// Code Clé
pour la lettre "x"
pull()
if (event.keyCode==122) // Code Clé pour la lettre "y"
draw()
}
}
document.onkeypress=menuengine
</script>
Touche |
Code |
Touche |
Code |
Touche |
Code |
a |
97 |
m |
109 |
y |
121 |
b |
98 |
n |
110 |
z |
122 |
c |
99 |
o |
111 |
0 |
48 |
d |
100 |
p |
112 |
1 |
49 |
e |
101 |
q |
113 |
2 |
50 |
f |
102 |
r |
114 |
3 |
51 |
g |
103 |
s |
115 |
4 |
52 |
h |
104 |
t |
116 |
5 |
53 |
i |
105 |
u |
117 |
6 |
54 |
j |
106 |
v |
118 |
7 |
55 |
k |
107 |
w |
119 |
8 |
56 |
l |
108 |
x |
120 |
9 |
57 |
© Copyright GendNet 2000 Tout droit de reproduction strictement réservé aux membres de l'association ®