Div & Height changement progressif

Div & Height changement progressif - HTML/CSS - Programmation

Marsh Posté le 19-08-2008 à 16:44:06    

Bonjour
j'ai une div que je voudrais developper doucement pour l'instant j'ai ca :
onmouseover="this.style.height='400px';" onmouseout="this.style.height='20px';"
 
Mais c'est pas super beau et assez brisque alors j'ai vu des fonction ac des timer et tout
Donc si quelqu'un a une jolie fonction qui fait ca deja ca m'arrangerai
merci

Reply

Marsh Posté le 19-08-2008 à 16:44:06   

Reply

Marsh Posté le 19-08-2008 à 17:09:52    

Code :
  1. <script type="text/javascript">
  3. var Timer;
  4. /* Délai avant retour à la normale */
  5. var Duree = 1500;
  6. /* Hauteur à la normale */
  7. var SizeOff = 20;
  8. /* Hauteur au passage de la souris */
  9. var SizeOn = 400;
  11. function OffSize(element)
  12. {
  13. element.height = "" + SizeOff + "px";
  14. }
  15. function StartSize(element)
  16. {
  17. clearTimeout(Timer);
  18. Timer = setTimeout("SetSize("+ element + " );", Duree);
  19. }
  21. function SetSize(element)
  22. {
  23. element.height = (parseInt(element.height)-1) + "px";
  24. if (element.height > SizeOn ) { window.setTimeout("SetSize("+ element +" );", 5); }
  25. }
  27. </script>


 
Marche pas :(


Message édité par korben31 le 19-08-2008 à 17:10:08
Reply

Marsh Posté le 19-08-2008 à 17:41:14    

Ne réinvente pas la poudre, regarde du coté de mooTools :)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 20-08-2008 à 09:25:06    

Pil poil ce que je chercher, dommage que tout ne sois pas separer dans different fichier, pour mettre juste ce dont j'ai besoin pour pas alourdir la page.
 
Par contre pour l'implementer a ma divcontainer:
 

Code :
  1. <script language="javascript" type="text/javascript">
  3. window.addEvent('domready', function() {
  4. var status = {
  5.  'true': 'open',
  6.  'false': 'close'
  7. };
  9. //-vertical
  11. var myVerticalSlide = new Fx.Slide('divListContainer');
  13. $('divListContainer').addEvent('onmouseover', function(e){
  14.  e.stop();
  15.  myVerticalSlide.toggle();
  16. });
  18. $('divListContainer').addEvent('onmouseout', function(e){
  19.  e.stop();
  20.  myVerticalSlide.toggle();
  21. });
  24. });
  28. </script>


 
Mais y'a un truk qui cloche, et puis comment on defini la taille du petit et du grand div?


Message édité par korben31 le 20-08-2008 à 10:05:16
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed