The main page screen is just to show the context menu when user right-clicks on it.
Context menu (Right click anywhere in the page)
When the user right-clicks on the main page a context menu with two items appears. The following are the two items which appear in the context menu.
Highlighted first menu item
After the context menu has appeared, the menu items are highlighted when the mouse is hovered on the menu items. In the image below, the "Google" menu item is highlighted on mouse hover.
Highlighted menu item
After the context menu is appeared, the menu items are highlighted when mouse is hovered on the menu items. In below image "Gmail" menu item is highlighted on mouse hover.
HTML of menu
Following is the HTML markup which creates the structure of the context menu.
The context menu is created using simple table with unordered list with two list items.
The ShowMenu function is called on the right-click of the mouse on the page. This function gets the X and Y coordinates of where the user right-clicks and sets the top and left position to Y and X coordinates. Finally it displays the menu by setting menu display style to "block".