Ce que je te mets est plus long, mais c'est un script d'un menu qui reste toujours en haut de page. Tu peux modifier les positions.
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
var largecran = screen.width;
var largmenu = 200;
var hautmenu = 150;
<!------ menu à droite def d'ecran - la largeur - 30 px du bord --------->
posdroite = largecran - largmenu - 30;
<!------- var de test tst evite de sup le menu quand on clique dessus (=clique body)--------->
<!----- onchg teste menu present ou non, drtchg s'il est à droite ------------>
var tst = true;
var onchg = 1;
var drtgch = 1;
function adroite() {
drtgch = 2;
ReplaceMenu();
}
function ReplaceMenu()
{
var offsetInfo = ""
var X = document.body.scrollLeft;
var Y = document.body.scrollTop;
if (drtgch == 1) {
menu.style.pixelLeft=X;
}
else {
menu.style.pixelLeft=posdroite;
}
menu.style.pixelTop=Y;
}
function change() {
if (tst == true)
{ if( onchg == 1)
{
menu.style.display='none';
onchg = 2;
}
else {
menu.style.display='inline';
onchg = 1;
}
}
}
document.write("<style ID='ST1' type='text/css'>");
document.write("#menu {position:absolute; top:0px; left:0px;padding:4px;background-color:#CFE6EE;width:"+ largmenu +"px;height:"+ hautmenu +"px;border: blue 8px solid; font-size: 14px; color: violet;}");
document.write("</style>");
</script>
<style ID='ST2' type="text/css">
#tab {width : 900px;}
p.lien1 {margin:2 2 2 0; border:2px darkred groove; color: blue; font-family:Arial, sans-serif;font-size:12px;}
p.lien1actif {margin:2 2 2 0; border:2px darkblue outset; color: red; background-color: yellow; font-family:Arial, sans-serif;font-size:12px;}
a.lien:link {
font-weight: 300;
text-decoration: underline;
width: 100%;
}
a.lien:active {
text-decoration: underline;
font-weight: 700;
}
a.lien:visited {
font-weight : 300;
text-decoration: none;
}
a.lien:hover {
color: red;
}
</style>
</HEAD>
<BODY style="cursor:hand" onClick="change();tst=true;" onscroll="ReplaceMenu();">
<DIV ID="menu" onClick="tst=false;">
<p style="color: red;border-bottom: blue 4px solid;">Menu - <span style="font-size:10px"><a href="#" onClick="adroite();return false">A droite</a> - <a href="#" onClick="Javascript:drtgch=1;ReplaceMenu();return false;">A gauche</a></span></p>
<p class="lien1"><a class="lien" href="Yahoohttp://www.fr.yahoo.com">Yahoo</a></p>
<p class="lien1"><a class="lien" href="Alta'>http://www.altavista.fr">Alta vista</a></p>
</DIV>
<center>clique sur l'écran............</center>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
<p>............</p>
</BODY>
</HTML>
Cherchez Sans Soucis 