Menu déroulant au passage de la souris

**eric0279** · 04/04/2007, 19h46

Salut,

j'ai rechercher mais j'ai pas trouver mon bonheur...

Je cherche un script qui permettrai lors du passage de la souris que la bannière publicitaire descende (cf phpbb-fr.com).
J'ai contacter un admin mais on ma répondu, c'est du javascript simplement ...

Merci à vous

**Auteur** · 04/04/2007, 20h45

bonjour,

un exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
#banniere{
 position: absolute;
 width: 100%;
 top: 0px;
 background-color: #AAAAAA;
 overflow: hidden;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
var timerOut = null, timerOver = null, h=0;
var hMax = 100;
var hMin = 10;
 
function initBanniere()
{
  document.getElementById("banniere").style.height = hMin.toString()+"px";
}
 
function MouseOver()
{
  var objet = document.getElementById("banniere");
  
  if (h>hMax)
  {
   clearTimeout(timerOver);
   timerOver = null;
  }
 
  if (timerOut!=null)
  {
   clearTimeout(timerOut);
   timerOut = null;
  }
 
  if (timerOut==null && h<hMax)
  {
    h = objet.offsetHeight;
    h = h+5;
    objet.style.height = h+"px";
    timerOver = setTimeout("MouseOver()","100");
  }
 
 
}
 
function MouseOut()
{
  var objet = document.getElementById("banniere");
  if (h<hMin)
  {
   clearTimeout(timerOut);
   timerOut = null;
  }
 
  if (timerOver!=null)
  {
   clearTimeout(timerOver);
   timerOver = null;
  }
 
  if (timerOver==null && h>hMin)
  {
    h = objet.offsetHeight;
    h = h-5;
    objet.style.height = h+"px";
    timerOut = setTimeout("MouseOut()","100");
  }
}
 
//-->
</script>
 
</head>
 
<body onload="initBanniere()"> 
 
<div id="banniere" onmouseover="MouseOver()" onmouseout="MouseOut()">
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
</div>
le reste de la page.......................
 
</body>
 
</html>

**eric0279** · 05/04/2007, 04h27

re,

je me suis peut-être tromper en le mettant mais c'est pas à quoi je m'attendais...

toute la partie se trouvant en haut sur l'index est cacher ...

Merci a toi.

**Auteur** · 05/04/2007, 12h48

je me suis basé sur ton lien... La bannière descend et cache le reste de la page.

Si tu ne veux pas que la bannière cache le reste de la page enlève du code CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
position: absolute;
top: 0px;

**eric0279** · 05/04/2007, 13h06

re,

le lien donnée répondai à ma demande et en aucun cas le code java ne cache la page sur le lien citer

sauf quand il descend, chose inevitable je pense.

je viens d'éditer et cela ne change rien sauf que c'est toute la page qui descend en même que la pub :s

**Auteur** · 05/04/2007, 16h18

Envoyé par eric0279

re,

je me suis peut-être tromper en le mettant mais c'est pas à quoi je m'attendais...

toute la partie se trouvant en haut sur l'index est cacher ...

Merci a toi.

le lien donnée répondai à ma demande et en aucun cas le code java ne cache la page sur le lien citer sauf quand il descend, chose inevitable je pense.

je viens d'éditer et cela ne change rien sauf que c'est toute la page qui descend en même que la pub :s

là je ne comprends plus ce que tu souhaites

**eric0279** · 05/04/2007, 16h21

e même script que sur phpbb-fr.com pour la pub simplement, le tien reste par defaut en cachant la pub tandis que sur phpbb-fr, c'est au passage de la souris qu'il descend.

Chez moi avec ton code, rien ne ce passe, il cache une partie de l'index. Ce qui me fait ce bug, c'est l'ajout d'une bannière a droite sur le header car en laissant celle de gauche, aucun problème, c'est bizarre ...

Je suis sous FF 2 en navigateur.

Voici mon fichier :

fichier_txt

Menu déroulant au passage de la souris

JavaScript

Vue hybride

Discussions similaires

Partager

Partager