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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU] Ascenseur qui descend et qui s'arrete besoin d'aide

woiduss

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

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

Publicité

tpierron

J'ai rien compris à ce que veux faire [:opus dei] ?!

Tu veux controller la scrollbar du navigateur en javascript ??

Message cité 1 fois

woiduss

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

Encore merci .

woiduss

UP SVP

tpierron

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 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
  <style type="text/css">
  body, html { padding: 0; margin: 0; }
  .hide { display: none; }
  #banner {
    position: absolute;
    height: 30px;
    line-height: 30px;
    background-color: gray;
    text-align: center;
    width: 100%;
  }
  </style>
</head>
<body>
<div id="banner" class="hide">
Hello World !
</div>

<br><br><br>
<input type="button" value="Show banner" onclick="banner.show('banner')">

<script type="text/javascript">
banner = {
  height: 30,
  step:   3,
  delay:  30,
  div:    null,
  timer:  null,
  y:      0,

  show: function(name) {
    this.step = - this.step
    this.div = document.getElementById(name)

    if (! this.timer)
    {
      this.y = this.step < 0 ? this.height : 0
      this.timer = window.setInterval(this.topDown, this.delay)
      this.div.style.top = - this.y + "px"
      this.div.className = ""
    }
  },

  topDown: function() {

    var stop = false
    banner.y += banner.step
    if (banner.step < 0 && banner.y <= 0)
      banner.y = 0, stop = true
    
    if (banner.step > 0 && banner.y >= banner.height)
      banner.y = banner.height, stop = true

    if (stop)
      window.clearInterval(banner.timer), banner.timer = null
  
    banner.div.style.top = - banner.y + "px"
  }
}
</script>
</body>
</html>

woiduss

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
superposition de swf (insoluble)	[Resolu] Tableau nb cours par categorie (Moodle)
[RESOLU] [MYSQL] Retrouver mot de passe d'un user	Aide pour bug dans logiciel simulation cellules
Aide en scheme	Création d'un fichier config a l'aide de tableaux
Comparer valeur impossible ! [Résolu]	marquer comme selected une valeur dynamique [RESOLU]
[RESOLU] Probleme avec AJAX Star Rating sur IE
Plus de sujets relatifs à : [RESOLU] Ascenseur qui descend et qui s'arrete besoin d'aide

Page générée en 0.046 secondes