« »

Ce nettoyage recherche JavaScript menu horizontal est trÃ¨s simple Ã mettre en Å“uvre et peut Ãªtre placÃ© n'importe oÃ¹ sur une page. Ajout ou suppression de niveaux est facile Ã faire. Le JavaScript menu est crÃ©Ã©, sans tableaux, en utilisant les listes Ã puces et des couches cachÃ©es.

Étiquette: Drop Down Menu, navigation, niveau, JavaScript menu, liste, couche, menu horizontal

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hébergement Web pour la première année MOMENT

Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT première année MOMENT

Code
CSS
JavaScript
HTML
Imprimer

Copy All x2

<style type="text/css">
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/
.jsbank_sample_cont {margin: 20px; padding: 20px;}
.jsbank_sample_tit {font-weight: bold; margin-bottom: 10px; padding: 5px; width: auto; background-color: #c0c0c0; border: 5px solid #a0a0a0; color: black; text-align: center;}

#dd {
  margin-left: 25%;
  padding: 0 0 20px 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  background: #5970B2;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFF;
  width: 60px;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: #49A3FF;
}

.submenu {
  background: #EAEBD8;
  border: 1px solid #5970B2;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2875DE;
}

.submenu a:hover {
  background: #49A3FF;
  color: #FFF;
}
</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script type="text/javascript">
// Created by: Konstantin Jagello | http://javascript-array.com/
var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

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;
 	}
}

function mclosetime() {
  closeTimer = window.setTimeout(mclose, TimeOut);
}

function mcancelclosetime() {
  if(closeTimer) {
    window.clearTimeout(closeTimer);
    closeTimer = null;
  }
}

function mclose() {
  if(currentLayer && noClose!=1)   {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentLayer = null;
    currentitem = null;
  } else {
    noClose = 0;
  }
  currentLayer = null;
  currentitem = null;
}

document.onclick = mclose; 
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<ul id="dd">
  <li><a href="#" class="menu" id="mmenu1" 
      onmouseover="mopen(1);"
      onmouseout="mclosetime();">Home</a>
    <div class="submenu" id="menu1"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="http://javascriptbank.com/">HTML Tutorials</a>
        <a href="http://javascriptbank.com/">DHTML Tutorials</a>
        <a href="http://javascriptbank.com/">JavaScript Tutorials</a>
        <a href="http://javascriptbank.com/">CSS Tutorials</a>
    </div>
  </li>
  <li><a href="#" class="menu" id="mmenu2" 
      onmouseover="mopen(2);"
      onmouseout="mclosetime();">Download</a>
    <div class="submenu" id="menu2"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="http://javascriptbank.com/">ASP Scripts</a>
        <a href="http://javascriptbank.com/">PHP Scripts</a>
        <a href="http://javascriptbank.com/">Ajax Scripts</a>
        <a href="http://javascriptbank.com/">Perl Scripts</a>
    </div>
  </li>
  <li><a href="#" class="menu">Order</a></li>
  <li><a href="#" class="menu">Help</a></li>
  <li><a href="#" class="menu" id="mmenu3" 
      onmouseover="mopen(3);"
      onmouseout="mclosetime();">Contact</a>
    <div class="submenu" id="menu3"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="http://javascriptbank.com/">Office</a>
        <a href="http://javascriptbank.com/">Sales</a>
        <a href="http://javascriptbank.com/">Customer Service</a>
        <a href="http://javascriptbank.com/">Shipping</a>
    </div>
  </li>
</ul>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Commentaire (0)
Écrire

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

Sent (4)
Nouveau

BBCode
HTML
URL
JID

Cool Domains for Sale!

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

18/05/2008
Konstantin Jagello [more]
9,730
0
34
4
5.94 KBytes

JavaScript Simple Drop Down Navigations - JID: 2155 - Langue: Française

4.4/5 34 votes / 9,730 previews / 0 commentaire 18/05/2008 Ce nettoyage recherche JavaScript menu horizontal est trÃ¨s simple Ã mettre en Å“uvre e...JavaScript Simple Drop Down Navigations - JID: 2155 - Simple Drop Down Navigations - Langue: Française

se7enmita1[7] haiht Canhtho tranvietxo87 gamerdanang nin9 alextmx dongphuong2486 bluebox0001[2] denis_tien[3]