Exercise 2.4 - Timing adjustable and Pause, Stop, Hide

A news site shows scrolling headlines to grab the attention of the user. Such scrolling headlines are hard to read for some users. Moreover, the fact that there is a limited time to read a headline before going to the next one is a serious issue.


Requirements

Pending requirement:

When hovering the headline, the animation stops to read comfortably.

Pending requirement:

Add functionality to start displaying the current heading from the beginning. Please use the attribute id="reset" on the element that when clicked, resets the current heading scrolling state.


Exercise 2.4 - Timing adjustable and Pause, Stop, Hide

A news site shows scrolling headlines to grab the attention of the user. Such scrolling headlines are hard to read for some users. Moreover, the fact that there is a limited time to read a headline before going to the next one is a serious issue.


Requirements

Pending requirement:

When hovering the headline, the animation stops to read comfortably.

Pending requirement:

Add functionality to start displaying the current heading from the beginning. Please use the attribute id="reset" on the element that when clicked, resets the current heading scrolling state.




Editor



Preview Page