BO Moto logo

BO Moto

JavaScript Demos

Eight scripts that make the site more helpful

8 JavaScripts for BO Moto

Each numbered item below is a different type of JavaScript, and each one is written for an ebike parts store.

  1. Alert on mouseover (hover)

    Move your mouse over the link and a pop-up message appears:

    Hover here for our shipping offer

  2. Alert on a button

    Click the button to read our warranty promise:

  3. Prompt that asks a question

    Click the button, tell us what kind of ebike you ride, and we will suggest where to start:

    Your suggestion will appear here.

  4. document.write: Last Updated message

    The same script adds a small "Last Updated" line to the bottom of the Home page and Portfolio page. This is what it shows for this page:

  5. Calculation form: ebike range calculator

    Enter your battery details and we will estimate how far one charge will take you. The answers are estimates, because hills, wind, rider weight and speed all change real-world range.





    Battery energy: - Wh

    Estimated range: - miles

    Approximate charge time: - hours

  6. Internal script: image rollover effect

    Move your mouse over the picture to switch from the desktop view of this site to the phone view:

    BO Moto website on a desktop screen

    Desktop view. Hover to see the phone view.

  7. External script: image slideshow (slideshow.js)

    These pictures change by themselves every 4 seconds. They pause while your mouse is on the picture. This one comes from a separate file, slideshow.js.

    BO Moto website on a desktop screen

    Picture 1 of 3

  8. Pop-up window

    Click the button to open a small pop-up window (a real window with a set size, not a new page) with our support hours: