onglet vertical à cliquer

Bonjour,

j'aimerais savoir comment réaliser ce type d'objet:

http://www.premiere.fr/Cinema/Sorties-DVD (c'est l'onglet buzz a gauche)

s'il n'apparait pas a gauche de votre écran, selectionner un film, cela devrait être bon,

merci

quelle que chose qui y resemble

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>menu gauche</title>
 
<script type="text/javascript" language="JavaScript">
 
function aller(){
 
var nume=document.getElementById('nunu')
nume.style.left=nume.offsetLeft+10+'px'
if(nume.offsetLeft==0){
document.getElementById('touche').onclick=retour
return false
}
setTimeout(aller,10)
}
 
function retour(){
 
var nume=document.getElementById('nunu')
nume.style.left=nume.offsetLeft-10+'px'
if(nume.offsetLeft<=-(nume.offsetWidth)+20){
document.getElementById('touche').onclick=aller
return false
}
setTimeout(retour,10)
}
 
</script>
</head>
<body>
<div id="nunu"style='position:absolute;top:50px;left:-280px;width:300px;height:400px;background-color:black;z-Index:10'>
<div id='touche'style='position:absolute;right:0px;width:20px;height:400px;background-color:red'; onclick='aller()'>
</div>
</div>
</body>
</html>

Waouh!

C'est énorme, je vais bosser dessus, merci beaucoup!!