Bonjour,
J'aimerai installé un menu Java...
Possible avec arfooo ? Avez vous déjà installé un type de menu comme l'exemple du site ?
Cordialement
Installer un menu java
7 messages
• Page 1 sur 1
Re: Installer un menu java
Bonjour,
je fais des recherche pour trouver un script menu comme l'exemple ci dessous. Problème pas de lien de téléchargement...
http://www.stunicholls.com/menu/jquery- ... 7.html#url
Avez vous des liens de script Menu horizontal avec sous menu horizontal a m'envoyer?
Cordialement
je fais des recherche pour trouver un script menu comme l'exemple ci dessous. Problème pas de lien de téléchargement...
http://www.stunicholls.com/menu/jquery- ... 7.html#url
Avez vous des liens de script Menu horizontal avec sous menu horizontal a m'envoyer?
Cordialement
- vtt
- Messages: 90
- Inscription: Dim 21 Nov 2010 15:50
Re: Installer un menu java
J'ai trouvé un menu plus simple à installer avec des sous menu http://css.developpez.com/galerie/demo/ ... eroulant3/
Le problème je ne veux pas de onmouseover et onmouseout...
cordialement
Le problème je ne veux pas de onmouseover et onmouseout...
cordialement
- vtt
- Messages: 90
- Inscription: Dim 21 Nov 2010 15:50
Re: Installer un menu java
voila un code que j'utilise souvent pour mes sites il est assé simple et bien personnalisable, je pense qu'il doit pouvoir s'integrer facilement dans le header. (ex:www.01certificat.com) :
<!-- dd menu -->
<script>
<!--
var TimeOut = 300;
var currentLayer = null;
var currentitem = null;
var currentLayerNum = 0;
var noClose = 0;
var closeTimer = null;
// Open Hidden Layer
function mopen(n)
{
var l = document.getElementById("menu"+n);
var mm = document.getElementById("mmenu"+n);
if(l)
{
mcancelclosetime();
l.style.visibility='visible';
if(currentLayer && (currentLayerNum != n))
currentLayer.style.visibility='hidden';
currentLayer = l;
currentitem = mm;
currentLayerNum = n;
}
else if(currentLayer)
{
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentitem = null;
currentLayer = null;
}
}
// Turn On Close Timer
function mclosetime()
{
closeTimer = window.setTimeout(mclose, TimeOut);
}
// Cancel Close Timer
function mcancelclosetime()
{
if(closeTimer)
{
window.clearTimeout(closeTimer);
closeTimer = null;
}
}
// Close Showed Layer
function mclose()
{
if(currentLayer && noClose!=1)
{
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentLayer = null;
currentitem = null;
}
else
{
noClose = 0;
}
currentLayer = null;
currentitem = null;
}
// Close Layer When Click-out
document.onclick = mclose;
// -->
</script>
<style>
#dd
{ margin: 0;
padding: 0}
#dd li
{ margin: 0;
padding: 0;
list-style: none;
float: right;
font: bold 11px arial}
#dd li a.menu
{ display: block;
text-align: center;
background: #5970B2;
background-image: url(http://www.);
padding: 3px 3px;
margin: 0 1px 0 0;
color: #FFF;
width: 100px;
text-decoration: none}
#dd li a.menu:hover
{ background: #2D2B2C}
.submenu
{ background: #FFFFFF;
width: 106px;
border: 0px solid #5970B2;
visibility: hidden;
position: absolute;
z-index: 3}
.submenu a
{ display: block;
position: relative;
font: 11px arial;
text-align: center;
text-decoration: none;
padding: 2px;
color: #000000}
.submenu a:hover
{ background: #2D2B2C;
position: relative;
color: #FFF}
.submenu a:visited
{ position: relative;
color: #2875DE}
.submenu1
{ background: #2D2B2C;
width: 106px;
border: 0px solid #5970B2;
visibility: hidden;
position: absolute;
z-index: 3}
.submenu1 a
{ display: block;
position: relative;
font: 11px arial;
text-align: center;
text-decoration: none;
padding: 2px;
color: #ffffff}
.submenu1 a:hover
{ background: #666666;
position: relative;
color: #FFF}
.submenu1 a:visited
{ position: relative;
color: #2875DE}
</style>
<div class="sample" style="margin-bottom: 5px;height:40px;width: 100%;"><span>
<ul id="dd">
<li>
</li>
<li>
<a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();"></a>
<div class="submenu1" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#"></a>
</div>
</li>
<li>
<a href="#" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();"></a>
<div class="submenu" id="menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#"></a>
</div>
</li>
<li>
<a href="#" class="menu" id="mmenu3" onmouseover="mopen(3);" onmouseout="mclosetime();"></a>
<div class="submenu" id="menu3" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#"></a>
</div>
</li>
</ul>
</span></div>
<!-- /dd -->
<!-- dd menu -->
<script>
<!--
var TimeOut = 300;
var currentLayer = null;
var currentitem = null;
var currentLayerNum = 0;
var noClose = 0;
var closeTimer = null;
// Open Hidden Layer
function mopen(n)
{
var l = document.getElementById("menu"+n);
var mm = document.getElementById("mmenu"+n);
if(l)
{
mcancelclosetime();
l.style.visibility='visible';
if(currentLayer && (currentLayerNum != n))
currentLayer.style.visibility='hidden';
currentLayer = l;
currentitem = mm;
currentLayerNum = n;
}
else if(currentLayer)
{
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentitem = null;
currentLayer = null;
}
}
// Turn On Close Timer
function mclosetime()
{
closeTimer = window.setTimeout(mclose, TimeOut);
}
// Cancel Close Timer
function mcancelclosetime()
{
if(closeTimer)
{
window.clearTimeout(closeTimer);
closeTimer = null;
}
}
// Close Showed Layer
function mclose()
{
if(currentLayer && noClose!=1)
{
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentLayer = null;
currentitem = null;
}
else
{
noClose = 0;
}
currentLayer = null;
currentitem = null;
}
// Close Layer When Click-out
document.onclick = mclose;
// -->
</script>
<style>
#dd
{ margin: 0;
padding: 0}
#dd li
{ margin: 0;
padding: 0;
list-style: none;
float: right;
font: bold 11px arial}
#dd li a.menu
{ display: block;
text-align: center;
background: #5970B2;
background-image: url(http://www.);
padding: 3px 3px;
margin: 0 1px 0 0;
color: #FFF;
width: 100px;
text-decoration: none}
#dd li a.menu:hover
{ background: #2D2B2C}
.submenu
{ background: #FFFFFF;
width: 106px;
border: 0px solid #5970B2;
visibility: hidden;
position: absolute;
z-index: 3}
.submenu a
{ display: block;
position: relative;
font: 11px arial;
text-align: center;
text-decoration: none;
padding: 2px;
color: #000000}
.submenu a:hover
{ background: #2D2B2C;
position: relative;
color: #FFF}
.submenu a:visited
{ position: relative;
color: #2875DE}
.submenu1
{ background: #2D2B2C;
width: 106px;
border: 0px solid #5970B2;
visibility: hidden;
position: absolute;
z-index: 3}
.submenu1 a
{ display: block;
position: relative;
font: 11px arial;
text-align: center;
text-decoration: none;
padding: 2px;
color: #ffffff}
.submenu1 a:hover
{ background: #666666;
position: relative;
color: #FFF}
.submenu1 a:visited
{ position: relative;
color: #2875DE}
</style>
<div class="sample" style="margin-bottom: 5px;height:40px;width: 100%;"><span>
<ul id="dd">
<li>
</li>
<li>
<a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();"></a>
<div class="submenu1" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#"></a>
</div>
</li>
<li>
<a href="#" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();"></a>
<div class="submenu" id="menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#"></a>
</div>
</li>
<li>
<a href="#" class="menu" id="mmenu3" onmouseover="mopen(3);" onmouseout="mclosetime();"></a>
<div class="submenu" id="menu3" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#"></a>
</div>
</li>
</ul>
</span></div>
<!-- /dd -->
- ouestet
- Messages: 2
- Inscription: Jeu 25 Nov 2010 23:06
Re: Installer un menu java
Bonjour,
Je recherche à faire un menu horizontal sur deux lignes sans affichage automatique de survol de souris. Ainsi, quand on clique sur une catégorie, ça ouvre une ligne en dessous et tout à l'horizontal.
Avez vous un script pour réaliser ce genre de menu ?
Cordialement
Je recherche à faire un menu horizontal sur deux lignes sans affichage automatique de survol de souris. Ainsi, quand on clique sur une catégorie, ça ouvre une ligne en dessous et tout à l'horizontal.
Avez vous un script pour réaliser ce genre de menu ?
Cordialement
- vtt
- Messages: 90
- Inscription: Dim 21 Nov 2010 15:50
7 messages
• Page 1 sur 1
Retourner vers Xhtml, Html, Css, Graphisme
-
- Articles en relation
- Réponses
- Vus
- Dernier message
-
- Installer module carte de FRANCE
de vtt » Mer 24 Nov 2010 03:00 - 1 Réponses
- 2726 Vus
- Dernier message de Tres
Dim 6 Mar 2011 12:26
- Installer module carte de FRANCE
-
- menu gauche
de kerwinpc » Ven 7 Jan 2011 16:54 - 1 Réponses
- 2212 Vus
- Dernier message de kerwinpc
Lun 10 Jan 2011 14:17
- menu gauche
-
- Menu Statistique
de fener » Jeu 22 Déc 2011 09:45 - 3 Réponses
- 3706 Vus
- Dernier message de Hexa-67
Dim 25 Déc 2011 18:44
- Menu Statistique
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités