Menu affiche un text verticale

Menu affiche text vous montrez a la fois votre lien et le text qui explique ce lien cool! Menu affiche text CECI EST UN menu vertical avec 2 codes HTML ET CSS sans cadres simples Autour des Eléments de menu. . Il s'agit de "minimaliste" de style Vous Permet de fils Personnaliser le style Encore Comme Vous Semble

• Démo
• HTML CODE
• SCRIPT CODE

Pas de téléchargement copier coller les codes et modifier les a votre style LE MENU DROPDOWN un texte qui s'affiche a chaque fois que vous clicker sur un lien et goooo

JavaScript Kit Freewarejava.com News.com

CNN MSNBC BBC News The Register

<FORM name=form1><SELECT style="BACKGROUND-COLOR: #ffffd7" onchange="displaydesc(document.form1.select1, thetext1, 'textcontainer1')" size=1 name=select1> <OPTION selected value=http://www.javascriptkit.com>JavaScript Kit</OPTION> <OPTION value=http://freewarejava.com>Freewarejava.com</OPTION> <OPTION value=http://www.news.com>News.com</OPTION></SELECT> <INPUT onclick=jumptolink(document.form1.select1) value=Go type=button><BR><SPAN style="FONT: italic 13px Arial" id=textcontainer1 align="left"></SPAN></FORM> <FORM name=form2><SELECT style="BACKGROUND-COLOR: #e3ffdf" onchange="displaydesc(document.form2.select2, thetext2, 'textcontainer2')" size=1 name=select2> <OPTION selected value=http://www.cnn.com>CNN</OPTION> <OPTION value=http://www.msnbc.com>MSNBC</OPTION> <OPTION value=http://news.bbc.co.uk>BBC News</OPTION> <OPTION value=http://www.theregister.com/>The Register</OPTION></SELECT> <INPUT onclick=jumptolink(document.form2.select2) value=Go type=button><BR><SPAN style="FONT: italic 13px Arial" id=textcontainer2 align="left"></SPAN></FORM>

<script type="text/javascript"> //1) CUSTOMIZE TEXT DESCRIPTIONS FOR LINKS ABOVE var thetext1=new Array() thetext1[0]="JavaScript tutorials and over 400+ gratuit scripts" thetext1[1]="apprendre step by step applets online!" thetext1[2]="news technology" /// You may define additional text arrays if you have multiple drop downs: var thetext2=new Array() thetext2[0]="CNN- US et World News." thetext2[1]="MSNBC- NBC News online." thetext2[2]="BBC News- BBC News-BBC News-" thetext2[3]="news.news.news.news." // Now, see 2) below for final customization step function displaydesc(which, descriptionarray, container){ if (document.getElementById) document.getElementById(container).innerHTML=descriptionarray[which.selectedIndex] } function jumptolink(what){ var selectedopt=what.options[what.selectedIndex] if (document.getElementById && selectedopt.getAttribute("target")=="newwin") window.open(selectedopt.value) else window.location=selectedopt.value } //2) Call function displaydesc() for each drop down menu you have on the page // This function displays the initial description for the selected menu item // displaydesc(name of select menu, name of corresponding text array, ID of SPAN container tag): // Important: Remove the calls not in use (ie: 2nd line below if there's only 1 menu on your page) displaydesc(document.form1.select1, thetext1, 'textcontainer1') displaydesc(document.form2.select2, thetext2, 'textcontainer2') </script>