[RESOLU] Ascenseur qui descend et qui s'arrete besoin d'aide

Ascenseur qui descend et qui s'arrete besoin d'aide [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 08-01-2010 à 21:12:38    

Bonsoir,
Je cherche désespérément un script en javascript permettant de faire ceci (voir image)
 
Quelqu'un pourrait-il m'aider s'il vous plait?
 
merci bien  
 
http://www.monsterup.com/upload/1262981494938.png


Message édité par woiduss le 11-01-2010 à 12:16:15
Reply

Marsh Posté le 08-01-2010 à 21:12:38   

Reply

Marsh Posté le 08-01-2010 à 21:31:04    

J'ai rien compris à ce que veux faire [:opus dei] ?!
 
Tu veux controller la scrollbar du navigateur en javascript ??

Message cité 1 fois
Reply

Marsh Posté le 09-01-2010 à 10:09:15    

tpierron a écrit :

J'ai rien compris à ce que veux faire [:opus dei] ?!
 
Tu veux controller la scrollbar du navigateur en javascript ??


 
Bonjour et merci pour ta réponse mais non en faite j'ai une image avec un lien "qui point vers la toolbar du site"
je souhaite tout simplement que mon image descende et s'arrête au bout de 10Px en top par exemple
J'ai fait une image vite fait pour te monter normalement tu devrai comprendre
 
http://www.monsterup.com/upload/1263028072190.gif
 
 
Encore merci .

Reply

Marsh Posté le 09-01-2010 à 17:01:35    

UP SVP

Reply

Marsh Posté le 09-01-2010 à 20:00:09    

Ah ouais, un peu plus clair. Bon à l'arrache tu peux bidouiller ce script. Faudra sans doute revoir la condition de déclenchement. Et connaitre javascript.
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.         "http://www.w3.org/TR/html4/loose.dtd"> 
  3.  
  4. <html> 
  5. <head> 
  6.   <style type="text/css"> 
  7.   body, html { padding: 0; margin: 0; } 
  8.   .hide { display: none; } 
  9.   #banner { 
  10.     position: absolute; 
  11.     height: 30px; 
  12.     line-height: 30px; 
  13.     background-color: gray; 
  14.     text-align: center; 
  15.     width: 100%; 
  16.   } 
  17.   </style> 
  18. </head> 
  19. <body> 
  20. <div id="banner" class="hide"> 
  21. Hello World ! 
  22. </div> 
  23.  
  24. <br><br><br> 
  25. <input type="button" value="Show banner" onclick="banner.show('banner')"> 
  26.  
  27. <script type="text/javascript"> 
  28. banner = { 
  29.   height: 30, 
  30.   step:   3, 
  31.   delay:  30, 
  32.   div:    null, 
  33.   timer:  null, 
  34.   y:      0, 
  35.  
  36.   show: function(name) { 
  37.     this.step = - this.step 
  38.     this.div = document.getElementById(name) 
  39.  
  40.     if (! this.timer) 
  41.     { 
  42.       this.y = this.step < 0 ? this.height : 0 
  43.       this.timer = window.setInterval(this.topDown, this.delay) 
  44.       this.div.style.top = - this.y + "px" 
  45.       this.div.className = "" 
  46.     } 
  47.   }, 
  48.  
  49.   topDown: function() { 
  50.  
  51.     var stop = false 
  52.     banner.y += banner.step 
  53.     if (banner.step < 0 && banner.y <= 0) 
  54.       banner.y = 0, stop = true 
  55.      
  56.     if (banner.step > 0 && banner.y >= banner.height) 
  57.       banner.y = banner.height, stop = true 
  58.  
  59.     if (stop) 
  60.       window.clearInterval(banner.timer), banner.timer = null 
  61.   
  62.     banner.div.style.top = - banner.y + "px" 
  63.   } 
  64. } 
  65. </script> 
  66. </body> 
  67. </html>

Reply

Marsh Posté le 11-01-2010 à 12:15:45    

Merci bien tu assure c'est exactement ce que je cherché
encore merci

Reply

Sujets relatifs:

Leave a Replay

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