Javascript: a very common javascript drop-down menu, Javascript tutorial
This is the content of css.css.
. Close {
Visibility: hidden;
CellPadding = 0; cellSpacing = 0;
Height: 21px; font: 9pt; text-align: center
}
. Open {
Visibility: visible;
CellPadding = 0; cellSpacing = 0;
Height: 24px; font: 9pt; text-align: center;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid
}
. Openleft {
Visibility: visible;
CellPadding = 0; cellSpacing = 0;
Height: 24px; font: 9pt; text-align: center;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid
}
. Openright {
Visibility: visible;
CellPadding = 0; cellSpacing = 0;
Height: 24px; font: 9pt; text-align: center;
BORDER-TOP: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid
}
The drop-down menu can be easily implemented using the properties of the mouse object and table!
Smile/emotion at last
OnMouseOut = "this. style. visibility = 'den den '";OnMouseOver = "this. style. visibility = 'visible '" cellpadding = "0" cellspacing = "0">
| Smile |
| This site |
| Person |
| Simple calendar |
|