javascripts
 

SimplytheBest
Scripts

ASP scripts
PERL scripts
PHP scripts
JavaScripts & Ajax
Snippets
Online scripts

Ajax, DHTML
& JavaScripts

Animation
Background
Bookmarks
Buttons
Calculators
Cookies
Data handling
E-mail
Enhancements
Forms
Image rotation
Menus
Messages
Miscellaneous
Music
Password protection
Redirection
Scrollers
Tables
Time & date
Windows

Publishers
Add script
Account login
Publisher list



 

Home > Scripts > DHTML scripts & JavaScripts > Menus > Dropdowns and list boxes with style

 

Dropdowns and list boxes with style

AUTHOR: Public domain
TYPE: Freeware
BROWSERS: Javascript enabled all

Navigational dropdowns (or list boxes) with customized style. Each dropdown works independently and can be used as an alternative to DHTML dropdown menus.


EXAMPLE 1

Single dropdown with a dark background:

EXAMPLE 2

A series of dropdowns with a light background (works like a DHTML horizontal dropdown menu):

 
 

EXAMPLE 3

Open list box:


1)
Insert this script in the <HEAD> section of the page.

then copy (CTRL-C) & paste (CTRL-V)

 

2) Insert this HTML code in the <BODY> section where you want the dropdown to appear in the page.

then copy (CTRL-C) & paste (CTRL-V)

3) Define the links and the style in this section of the HTML code:

<form><select style="font-family: MS Sans Serif, Arial, Helvetica; font-size: 8pt; color: #000000; background-color: #F3FFF0" onchange="goSelect(this)" size="1" name="m">
<option value="dhtml_scripts.html">DHTML SCRIPTS & JAVASCRIPS
<option value="dhtml_animation.html">Animation
<option value="dhtml_buttons.html">Buttons
<option value="dhtml_menu_scripts.html">Menus</option>
</select></form>

By increasing the size, you can create an open list box as in Example 3:

<select style="font-family: Verdana; font-size: 8pt; color: #0000FF; background-color: #FFFAD0" onchange="goSelect(this)" size="6" name="m">


[BACK] [TOP]

 


Copyright © 1997-2009 SimplytheBest Inc. Terms of Use and Legal Disclaimer.
All copyrights are acknowledged. All rights reserved.