Menu avec info bulles en div
Description
Ce menu n'est pas de moi, je l'ait simplement pris sur le site web-tricheur car c'est ce menu que je cherchais depuis très longtemps!!!! Si quelqu'un a moyen de l'améliorer qu'il s'éclate avec!!!
Ce menu, en 3 jours et en le modifiant de partout, n'a pas bronché, il n'y a eu aucun bug!!
Source / Exemple :
<HTML>
<HEAD>
<TITLE>Menu avec info-bulles en div</TITLE>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana;
font-size: 9px;
color: #0066CC;
}
body {
background-color: #FFF4CA;
}
.Style1 {font-size: 35px}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>
<BODY bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0 marginheight="0" marginwidth="0">
<DIV id=dek style="Z-INDEX: 500; VISIBILITY: hidden; POSITION: absolute"></DIV>
<div id="Layer1" style="position:absolute; left:199px; top:14px; width:781px; height:173px; z-index:501">
<div align="center" class="Style1">
<p>Web tricheur</p>
<p> </p>
<p>Menu avec info-bulles en DIV</p>
</div>
</div>
<SCRIPT type=text/javascript>
<!--
Xoffset= 10;
Yoffset= 15;
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;
function popup(msg){
var content="<TABLE BORDER=1 BORDERCOLOR=\"#000055\" CELLPADDING=0 CELLSPACING=0 BGCOLOR=\"#CCCCFF\"><TD ALIGN=center><FONT COLOR=black SIZE=2> "+msg+" </FONT></TD></TABLE>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}
function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else { if (ns6||ie4) { skn.display="none" } }
}
//-->
</SCRIPT>
<TABLE cellSpacing=0 cellPadding=0 width="16%" border=0>
<TBODY>
<TR>
<TD colSpan=2>Menu 1 </TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10 src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B> <A onmouseover="popup('Se rendre sur la page d accueil')" onmouseout=kill() href="#" ;>Accueil</A>
</B> </TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD colSpan=2 height=15></TD>
</TR>
<TR>
<TD colSpan=2>Menu 2 </TD>
</TR>
<TR>
<TD align=right width=11><div align="left"><IMG height=10
src="flechedroite.gif" width=10 border=0></div></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD colSpan=2 height=15></TD>
</TR>
<TR>
<TD colSpan=2>Menu 3 </TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD colSpan=2 height=15></TD>
</TR>
<TR>
<TD colSpan=2>Menu 4 </TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD align=right width=11><IMG height=10
src="flechedroite.gif" width=10 border=0></TD>
<TD class=menu width=143> <B><A
onmouseover="popup('Se rendre sur cette page')" onmouseout=kill()
href="#"
;>Page </A></B></TD>
</TR>
<TR>
<TD colSpan=2 height=15></TD>
</TR>
</TBODY>
</TABLE>
<p></p>
<p></p>
<p></p>
</BODY></HTML>
Conclusion :
Ce menu, en 3 jours et en le modifiant de partout, n'a pas bronché, il n'y a eu aucun bug!!
Codes Sources
A voir également
- Menu avec info bulles en div
- Kazaa info - Forum C / C++ / C++.NET
- Info bulles - Forum Visual Basic
- Menu c - Forum C
- Net tchat info - Forum Java
- Menu php ✓ - Forum PHP
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.