Scribd
Upload
10 views

Menu types_L3

Uploaded by

ingawalemadhura5722
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views

Menu types_L3

Uploaded by

ingawalemadhura5722
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

OUTLINE

• Floating Menu
• Chain select Menu
• Tab Menu
• Pop-up Menu
• Sliding Menu
• Highlighted Menu
• Folding a Tree Menu
• Context Menu
• Scrollable Menu
• Side bar Menu
FLOATING MENU
• The JavaScript allows to create dynamic menus which move along with
scrolling
• Such floating menu will always visible on screen
• They appear to float on the top of the page as you scroll
• For example
CHAIN SELECT MENU
• Chain select menu is a kind of menu in which there are more than one
set of menus
• And options selected from the first pulldown menu determines the
options for second pulldown menu
• And options selected from the second pulldown menu determines the
options for third pulldown menu
• For example
TAB MENU
• Tab menus display the menu option within a tab
• More description of the menu is displayed below the tab bar as the
visitor moves the mouse cursor over the tab
• For example
POP-UP MENU
• The pop-up menu contains lower-lever menu items that are associated
with the top-level menu item
• The pop-up menu appears as you move mouse over each menu item
• This menu is also called as context menu
• For example
SLIDING MENU
• These menus are basically off-screen elements that slide into view when
you click or tap on something that looks like an arrow or circle etc. that
indicates a menu will appear
• For example, when you decide to bring up the menu by clicking or
tapping on arrow or circle, the menu magically slides into view
HIGHLIGHTED MENU
• When the visitor moves cursor over a menu item, the browser displays a
box around the item with a shadow at the bottom of the box
• If the visitor selects the item, the highlight shadow appears at the top of
the box
• For example
FOLDING A TREE MENU
• It is a classic menu used in desktop applications
• This menu helps to navigate file folders
• This tree consists of one or more closed folders each of which appears
alongside the folder’s name
• The tree expands when the user clicks a closed folder
• For example
CONTEXT MENU
• The context menu is a menu that pops up when user clicks the right
mouse button
• The location of context menu is determined by the position of mouse
• For example
SCROLLABLE MENU
• Sometimes there is limited space on the web page for displaying all the
menu options
• Then in this case, only limited menu options are displayed and
remaining options can be accessed by scrolling left or right
• For example
SIDE BAR MENU
• The side bar menu displays a menu on the side of the web page
• Options on this menu can be linked to other web pages or to other menu
options
• For example

You might also like