Example Configurations

The example pages show the effects of some common configuration options.

Example	Description
Default Menu Button	The "Skip To Content" menu button is always visible at the top of the window
Popup Menu Button	The "Skip To Content" menu button appears when it gets focus
Popup Menu Button with large fonts	The "Skip To Content" menu button appears when it gets focus. But is suing a large font.
Popup with Border	The "Skip To Content" menu button appears when it gets focus, bottom border is always visible.
Smooth Highlight of menu options	"Skip To Content" button is visible on load and scrolling to content is enabled using the smooth value
Instant Highlight of menu options	"Skip To Content" button is visible on load and scrolling to content is enabled using the instant value
Setting landmarks visible in menu	The SkipTo.js menu lists only main, navigation and complementary landmarks in the "Landmark Regions" section of the menu.
Only Headings in Main Landmark Region (h1-h3)	The SkipTo.js menu shows only H1, h2 and H3 heading levels within the main landmark region in the "Headings" section of the menu.
Setting all headings visible in the menu	The SkipTo.js menu shows all H1, h2, H3, H4, H5 and H6 headings in the "Headings" section of the menu.
Illinois Theme	The color theme of the button and the menu uses the "illinois" theme.
ARIA Theme	The color theme of the button and the menu uses the "aria" theme.
Setting Font Styling	The fonts for button and menu are set to 8pt and monospace.
Setting Color styles	Setting the colors for button and menu.
Setting button position	Setting the position of "Skip To Content" button from the left side of the window.