Page Web deroulante
Bonjour,
Donc voila, je crois que le mieux pour expliker ma question c de vous donner un exemple :
http://www.overgame.com/page/index.asp
Sur la gauche il y a une petit encadré avec ecrit dedans "Tous les articles". Et kan on passe la souris dessus ca affiche une page html.
Ma question est : Comment on fais ca? J'ai lu le code de la page et j'ai trouver quelques trucs mais je c pas trop dans kel sens ca marche :
Lien sur l'image "Tous Articles" :
<a href="#" onMouseOver="show()"><img src="images/anim-souris02.gif" name="myImg" border="0"></a>
Fonction Show() :
function show() {
init('grand');
block.visibility = "visible";
}
Fonction init() : function init(id){
LeftPosition = (screen.width) ? ((screen.width)/2) : 0;
TopPosition = (screen.height) ? ((screen.height)/2) : 0;
block = document.getElementById(id).style;
}
show + init => ID = grand :
document.write("<div id='grand' style='position:absolute; z-index:1; left:'+LeftPosition+'; top:'+TopPosition+'; visibility:hidden;'>");
Voila, si qqn peut m'eclairer je le remercie.
A tres bientot
Esox
Eternel Questionneur. Seul et Unique membre de la : SPdLM
=> Société Protectrice des Langages Maltraités
Donc voila, je crois que le mieux pour expliker ma question c de vous donner un exemple :
http://www.overgame.com/page/index.asp
Sur la gauche il y a une petit encadré avec ecrit dedans "Tous les articles". Et kan on passe la souris dessus ca affiche une page html.
Ma question est : Comment on fais ca? J'ai lu le code de la page et j'ai trouver quelques trucs mais je c pas trop dans kel sens ca marche :
Lien sur l'image "Tous Articles" :
<a href="#" onMouseOver="show()"><img src="images/anim-souris02.gif" name="myImg" border="0"></a>
Fonction Show() :
function show() {
init('grand');
block.visibility = "visible";
}
Fonction init() : function init(id){
LeftPosition = (screen.width) ? ((screen.width)/2) : 0;
TopPosition = (screen.height) ? ((screen.height)/2) : 0;
block = document.getElementById(id).style;
}
show + init => ID = grand :
document.write("<div id='grand' style='position:absolute; z-index:1; left:'+LeftPosition+'; top:'+TopPosition+'; visibility:hidden;'>");
Voila, si qqn peut m'eclairer je le remercie.
A tres bientot
Esox
Eternel Questionneur. Seul et Unique membre de la : SPdLM
=> Société Protectrice des Langages Maltraités
2 réponses
-
Salut, je crois que c'est une layer (couche) qu'y est à la base invisible et que dès que tu passes ta souris sur le mahcin, et bien la couche devient visible. @++++++++++++++++++++++++++++
S@IT -
Merci bc, je crois que j'ai compris comment ca marche... J'avais pensser a tout sauf a du Dhtml ... Merci encore
Eternel Questionneur. Seul et Unique membre de la : SPdLM
=> Société Protectrice des Langages Maltraités-
div align="center"><table border=o cellpading=0 cellspacing=O>
<TR><TD bgcolor="#5B6BFF"><div align="center"><font color="#FFFFFF">News</font></div>
</TD></TR>
<tr><TD height=1 bgcolor="#BDBBC3">
<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=2 direction=up width=250 heidht=50 align="left"><div align="center">aaaa<br>bbbb<br>ccc ddd<br><br><br>eeee<br>ffff<br><a href="http://" target="_blank">plus d'infos</a>
<br>
</div>
</marquee>
</TD></tr>
</table>
</div
et voila :p
-
