Ben tu crées un DIV en position "absolute" et avec des coordonnées au dehors de l'écran, genre par exemple pour un bandeau de 100 pixels de large :
Code :
- <style>
- div#menuGauche {
- position: absolute;
- top: 0px;
- right: -100px;
- width: 100px;
- height: 100%;
- overflow: auto;
- }
- </style>
|
Tu définies un element qui lance l'anim, un truc comme ca
Code :
- <script>
- var go = document.getElementById ('idDeLelement');
- go.addEventListener ('click', fonctionQuiLanceLanim, false);
- </script>
|
Bien sûr il faut qqpart définir la fonction en queston :
Code :
- <script>
- var fonctionQuiLanceLanim = function ()
- {
- this._anim = function ()
- {
- bandeau.style.right = position + "px";
- position--;
- if (position < 0)
- return 0;
- clearInterval (timer);
- return 0;
- }
- var bandeau = document.getElementById ('menuGauche');
- var position = -100;
- var timer = setInterval (fonctionQuiLanceLanim._anim, 25);
- return 0;
- }
- </script>
|
voilà, c à améliorer mais c la base du truc je pense
Message édité par SICKofitALL le 14-10-2007 à 23:27:41
---------------
We deserve everything that's coming...