Header Ads

Πως δημιουργώ Drop Down Menu σε ένα blog-site

Για να δημιουργήσω Drop Down Menu χωρίς μπουτόν, σε ένα blog ή σε ένα site, εφαρμόζω στον html ή php κώδικα του site και σε όποια περιοχή θέλω, τον παρακάτω κώδικα:

<form name="form1">
<select style="font-size:12px;color:#006699;font-family:verdana;background-color:#ffffff;" name="menu" onChange="window.open(document.form1.menu.options[document.form1.menu.selectedIndex].value);">
<option value=''>Please choose</option>
<option value="link1">text1</option>
<option value="link2">text2</option>
<option value="link3">text3</option>
<option value="link4">text4</option>
<option value="link5">text5</option>
</select>
</form>
Αντικαθιστώ το όνομα της φόρμας, τα links και texts, αλλάζω αν θέλω γραμματοσειρά, μέγεθος και χρώμα γραμμάτων και έχω το μενού που θέλω.

Αν θέλω και μπουτόν στο πτυσσόμενο μενού, τότε αντιγράφω τον παρακάτω κώδικα:

<form name="form1">
<select style="font-size:12px;color:#006699;font-family:verdana;background-color:#ffffff;" name="menu">
<option value="link1">text1</option>
<option value="link2">text2</option>
<option value="link3">text3</option>
<option value="link4">text4</option>
<option value="link5">text5</option>
</select>
<input style="font-size:12px;color:#ffffff;font-family:verdana;background-color:#006699;" type="button" onClick="window.open(document.form1.menu.options[document.form1.menu.selectedIndex].value);" value="click here">
</form>

 
 

Δεν υπάρχουν σχόλια

Αφήστε το σχόλιό σας εδώ

Από το Blogger.