Sayfanın Solundan Açılan Menuye ihtiyacım var

arkadaslar merhaba, sayfanın solundan açılan içerisine birşeyler ekleyebileceğim ( login panel ) gibi bir blok panel lazım.

örnek olarak kardelenyazilim.com u gösterebilirim

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<DIV id="gani" name="gani" onMouseOver="acbasla()" onMouseOut="kapatbasla()" style="BORDER-RIGHT: thin dotted; BORDER-TOP: thin dotted; LEFT: -180px; BORDER-LEFT: thin dotted; WIDTH: 203px; BORDER-BOTTOM: thin dotted; POSITION:absolute; TOP: 10px; HEIGHT:170px; BACKGROUND-COLOR: yellow">
<div id="submenu1" onClick="javascript:window.submenu1.style.posHeight+=50" style="position:relative;top:1px;left:3px;WIDTH: 175px;cursor:hand; BACKGROUND-COLOR:orange">Hizmetler</div>
<div id="submenu2" style="position:relative;top:10px;left:3px;WIDTH: 175px;cursor:hand; BACKGROUND-COLOR:orange">Bilmeniz Gerekenler</div>
<div id="submenu3" style="position:relative;top:20px;left:3px;WIDTH: 175px;cursor:hand; BACKGROUND-COLOR:orange">Biz Kimiz?</div>
<div id="submenu4" style="position:relative;top:30px;left:3px;WIDTH: 175px;cursor:hand; BACKGROUND-COLOR:orange">İletişim</div>
<div id="submenu5" style="position:relative;top:40px;left:3px;WIDTH: 175px;cursor:hand; BACKGROUND-COLOR:orange">Referanslar</div>
<div id="submenu6" style="position:relative;top:50px;left:3px;WIDTH: 175px;cursor:hand; BACKGROUND-COLOR:orange">Sıkça Sorulan Sorular</div>
<div id="menuyazi" style="FONT-SIZE: x-small; RIGHT: 2px; LEFT: 180px; WIDTH: 17px; BORDER-LEFT-STYLE: none; POSITION:absolute; TOP: -1px; HEIGHT: 191px; TEXT-ALIGN: center" >
<P><br><br><br>M<br>e<br>n<br>u</P></div>
</DIV>
<script type="text/javascript">
var saatac
var saatkapat
function ac()
{
if (window.gani.style.posLeft==0)
{
clearInterval(saatac)
}
else
{
window.gani.style.posLeft=window.gani.style.posLeft+5
}
}
function acbasla()
{
if(saatkapat)
{
clearInterval(saatkapat)
}
saatac=setInterval("ac()",20)
}
function kapat()
{
if (window.gani.style.posLeft==-180)
{
clearInterval(saatkapat)
}
else
{
window.gani.style.posLeft=window.gani.style.posLeft-5
}
}

function kapatbasla()
{
if(saatac)
{
clearInterval(saatac)
}
saatkapat=setInterval("kapat()",20)
}    
</script>
</BODY>
</HTML>

Sanıyorum aradığın şey bu

bu yararlı teşekkürler fakat tam olarak aradığım böyle değil, bunu pek sağlıklı çalıştıramadım.