JavaScript Navigation Scripts

A comprehensive collection of vanilla JavaScript tools to improve website navigation. Create dynamic menus, handle page redirects, customize link behaviors, and detect user environments.

Dropdown Jump Menu

A classic navigation tool that redirects users to a specific page immediately upon selecting an option from a dropdown list.

Collapsible Sidebar Menu

Create a vertical navigation menu where sub-items expand and collapse when clicked, saving screen space.

Dynamic Navigation Bar

A versatile navigation bar script that can be easily updated via JavaScript arrays.

Breadcrumb Navigation

Automatically generates breadcrumb links (Home > Category > Page) based on the current URL structure.

Scroll to Top Button

Adds a floating button that smooth-scrolls the user back to the top of the page when clicked.

Add to Favorites Script

A cross-browser script that prompts the user to bookmark your current page.

Set as Homepage Link

Allows users to easily set your website as their browser's homepage with a single click (legacy browser support).

Website Redirector

Automatically forwards visitors to a new URL. Essential for site migrations or changed page locations.

Simple Page Redirect

A lightweight script to redirect users. Fast and easy to implement.

Page Load Delay Timer

Shows a countdown timer (e.g., "Please wait 5 seconds...") before redirecting the user to the destination.

Radio Button Redirect

Navigate to different URLs based on which radio button a user selects.

URL Jump Box

An input field where users can type a URL and hit enter to visit that site immediately.

Link-Based Redirect

Pass a destination URL as a query parameter to create a redirect gateway script.

Detect Browser

Identifies which browser the visitor is using (Chrome, Firefox, Safari, etc.) and allows for conditional logic.

Display Browser Type

Writes the user's browser name and version directly onto the webpage.

Browser Redirector

Redirects users to different versions of your site depending on which browser they are using.

Browser Compatibility Detector

Checks for specific browser features and warns the user if their browser is outdated.

Platform Sniffer

Detects the user's operating system (Windows, Mac, Linux, Mobile) for analytics or conditional display.

Detect Screen Resolution

Identifies the width and height of the user's screen.

Resolution-Based Redirect

Sends users to a mobile or desktop version of your site based on their screen width.

Monitor Size Detector

Reports the available screen real estate to help optimize your layout.

Link Highlight Effect

Adds a visual highlight to links when they are clicked or hovered.

Glowing Link Effect

Makes your hyperlinks pulse or glow with color changes using JavaScript cycles.

Link Overline & Underline

Adds dynamic text decoration (lines above and below) to links on mouseover.

Remove Link Underlines

A utility to programmatically remove standard underlines from all links on a page.

Color Changing Links

Cycles the colors of your links automatically to draw attention.

Link Background Highlight

Changes the background color of a text link when the mouse hovers over it.

Animated Link Menu

Adds motion effects to your navigation menu items.

Mouseover Link Follow

Automatically follows a link as soon as the mouse hovers over it (without clicking).

Page Reload Button

A simple button that refreshes the current page content.

Print Page Button

Adds a button that opens the browser's print dialog for the current page.

Print Page Trigger

Automatically opens the print dialog as soon as the page loads.

Language Selector Menu

A dropdown menu designed to redirect users to different language versions of your site.

Current URL Display

Outputs the exact URL of the current page into a text box or page element.

Random Link Button

Sends the user to a random URL from a predefined list when clicked.

Random Link Wheel

A visual "wheel of fortune" style selector for random links.

Simple GO Menu

A minimalist dropdown menu with a "GO" button to trigger navigation.

Quick Jump Menu

A fast, compact navigation menu for jumping between site sections.

Title Bar Link Effect

Shows the URL of a link in the window's title bar when hovered.

Status Bar Redirect

Uses the browser status bar to display destination info before redirecting.

Browser Version Display

Specifically extracts and displays the version number of the user's browser.

Browser-Specific Redirect

An advanced redirect script targeting specific browser versions (e.g., IE vs Firefox).