📣 Our next Live Stream Event is taking place on July 18, 2025

Using Drop-Down Menus in E-Learning

Articulate Storyline 360 Innovation
  • 1 min(s)

‘Experimenting with two distinct dropdown menu styles using Articulate Storyline 360’

This example project uses two different interactive animated methods of displaying a dropdown menu following the user clicking on-screen elements.

The mouse rollover effect is achieved using our CSS tutorial for Articulate Storyline as detailed here – Click To Open

Learn how to build interactive content like this yourself in Storyline in just 2 days!

Join our next Advanced-level Articulate Storyline 360 workshop (In-person or Virtual).

Explore Upcoming Events

Related Articulate Storyline 360 Innovations

Unlocking the Senses: Reimagining Storyline Interactions for Accessibility and User Experience

Voice-Controlled Drag And Drop Quizzes Are Now Possible in Storyline 360 using Realtime ElevenLabs Agentic AI

Storyline JavaScript API Demo With Mobile Slide Drag Position Fix

Natural Language Voice-Activated Navigation Demo For Articulate Storyline 360

Interactive Christmas Greeting Card – Storyline 360 ‘JavaScript API’ Demo

Pantone COTY 2025 “Mocha Mousse” Infinite Zoom Effect in Articulate Storyline 360

Year

2021

Methodology

  • Articulate Storyline 360
  • Animated GIFs created in Adobe After Effects
  • CSS3 for animated transition effects

Further Info

This game was submitted to the E-Learning Heroes Challenge #328 – Using Drop-Down Menus in E-Learning

Inspiration

The work of UI Designer Gina Chee – https://ginachee.com/

Join the Discover eLearning mailing list

For updates on our products, upcoming workshop events, and latest insights

Site

Services

Training

Company Info

Discover eLearning Ltd

eLearning Development
Consultancy & Storyline 360 Training

Based in Northern England

Reg. in England no. 10270566

Facebook X-twitter Linkedin Youtube

© 2025 Discover eLearning Ltd.

Login

Schedule a meeting

Why not book a consultation call with us? We’re here to assist you with any questions or concerns you may have.

Please note: All bookings are subject to confirmation. We reserve the right to reschedule based on availability.