Sweep-in News Scroller with Controls (no jQuery)

This demo has been replaced with a version that has CSS animation support for the stock Android browser.

A light-weight news scroller where each new message sweeps in, while the previous message sweeps away and fades out. Interactive controls are powered with plain JavaScript (no dependancies).

Works in modern browsers and IE8+ (no sweep or fade in IE8/9).

Please view the source of this page for HTML markup, CSS and JS.

Sweep Up

  • Training for Web Technician cover

    (1/10) 25th Mar 19 - 2 weeks to train my web cover before I go. I foresee many hours of document prep, code clean-up, and picking apart the "what the heck did that do" scripts from way back when. Fun!
  • HMS Garden Design RWD relaunch

    (2/10) 17th Mar 19 - I got the go-ahead to work on a responsive redesign of the HMS Garden Design website. The site now works much better on a multitude of devices.
  • Krita freebie image editor training

    (3/10) 05th Mar 19 - Spent the morning in an image editing training session with Ashgate Croft School. Krita makes a great alternative to Photoshop... and it's totally FREE!
  • Fast Cal minor warnings fixed

    (4/10) 02nd Mar 19 - I've fixed a few missing variables that were generating minor PHP warnings. Only two core files updated. No new features to report this time though.
  • Brighter, whiter look for DHFS

    (5/10) 27th Feb 19 - For the past few weeks I've been working on a cleaner website look for DHFS, which includes an always visible search bar to improve usability.
  • New role in local Government

    (6/10) 06th Feb 19 - Today I interviewed for the post of Application Development Officer within local Government... I got the job! It will be strange to leave Education after 11 years, but here's to the future!
  • Careers Event Calendar for DHFS

    (7/10) 23rd Jan 19 - I've been getting Fast Cal integrated into Joomla!, which is now serving as a Careers Event Calendar at DHFS. All the careers related deadlines in one place!
  • Fast Edit v1 hits 10,000 downloads

    (8/10) 20th Dec 18 - I'm happy to report that Fast Edit v1.0 has reached the 10,000 downloads milestone. Not bad for a small-scale personal project. Merry Christmas!
  • Fast Logs admin search added

    (9/10) 19th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Logs' admin panel to help users more easily find entries for editing.
  • Fast Cal admin search added

    (10/10) 12th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Cal's admin panel to help users more easily find entries for editing.

Sweep Left

  • Training for Web Technician cover

    (1/10) 25th Mar 19 - 2 weeks to train my web cover before I go. I foresee many hours of document prep, code clean-up, and picking apart the "what the heck did that do" scripts from way back when. Fun!
  • HMS Garden Design RWD relaunch

    (2/10) 17th Mar 19 - I got the go-ahead to work on a responsive redesign of the HMS Garden Design website. The site now works much better on a multitude of devices.
  • Krita freebie image editor training

    (3/10) 05th Mar 19 - Spent the morning in an image editing training session with Ashgate Croft School. Krita makes a great alternative to Photoshop... and it's totally FREE!
  • Fast Cal minor warnings fixed

    (4/10) 02nd Mar 19 - I've fixed a few missing variables that were generating minor PHP warnings. Only two core files updated. No new features to report this time though.
  • Brighter, whiter look for DHFS

    (5/10) 27th Feb 19 - For the past few weeks I've been working on a cleaner website look for DHFS, which includes an always visible search bar to improve usability.
  • New role in local Government

    (6/10) 06th Feb 19 - Today I interviewed for the post of Application Development Officer within local Government... I got the job! It will be strange to leave Education after 11 years, but here's to the future!
  • Careers Event Calendar for DHFS

    (7/10) 23rd Jan 19 - I've been getting Fast Cal integrated into Joomla!, which is now serving as a Careers Event Calendar at DHFS. All the careers related deadlines in one place!
  • Fast Edit v1 hits 10,000 downloads

    (8/10) 20th Dec 18 - I'm happy to report that Fast Edit v1.0 has reached the 10,000 downloads milestone. Not bad for a small-scale personal project. Merry Christmas!
  • Fast Logs admin search added

    (9/10) 19th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Logs' admin panel to help users more easily find entries for editing.
  • Fast Cal admin search added

    (10/10) 12th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Cal's admin panel to help users more easily find entries for editing.

Sweep Down

  • Training for Web Technician cover

    (1/10) 25th Mar 19 - 2 weeks to train my web cover before I go. I foresee many hours of document prep, code clean-up, and picking apart the "what the heck did that do" scripts from way back when. Fun!
  • HMS Garden Design RWD relaunch

    (2/10) 17th Mar 19 - I got the go-ahead to work on a responsive redesign of the HMS Garden Design website. The site now works much better on a multitude of devices.
  • Krita freebie image editor training

    (3/10) 05th Mar 19 - Spent the morning in an image editing training session with Ashgate Croft School. Krita makes a great alternative to Photoshop... and it's totally FREE!
  • Fast Cal minor warnings fixed

    (4/10) 02nd Mar 19 - I've fixed a few missing variables that were generating minor PHP warnings. Only two core files updated. No new features to report this time though.
  • Brighter, whiter look for DHFS

    (5/10) 27th Feb 19 - For the past few weeks I've been working on a cleaner website look for DHFS, which includes an always visible search bar to improve usability.
  • New role in local Government

    (6/10) 06th Feb 19 - Today I interviewed for the post of Application Development Officer within local Government... I got the job! It will be strange to leave Education after 11 years, but here's to the future!
  • Careers Event Calendar for DHFS

    (7/10) 23rd Jan 19 - I've been getting Fast Cal integrated into Joomla!, which is now serving as a Careers Event Calendar at DHFS. All the careers related deadlines in one place!
  • Fast Edit v1 hits 10,000 downloads

    (8/10) 20th Dec 18 - I'm happy to report that Fast Edit v1.0 has reached the 10,000 downloads milestone. Not bad for a small-scale personal project. Merry Christmas!
  • Fast Logs admin search added

    (9/10) 19th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Logs' admin panel to help users more easily find entries for editing.
  • Fast Cal admin search added

    (10/10) 12th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Cal's admin panel to help users more easily find entries for editing.

Fade In

  • Training for Web Technician cover

    (1/10) 25th Mar 19 - 2 weeks to train my web cover before I go. I foresee many hours of document prep, code clean-up, and picking apart the "what the heck did that do" scripts from way back when. Fun!
  • HMS Garden Design RWD relaunch

    (2/10) 17th Mar 19 - I got the go-ahead to work on a responsive redesign of the HMS Garden Design website. The site now works much better on a multitude of devices.
  • Krita freebie image editor training

    (3/10) 05th Mar 19 - Spent the morning in an image editing training session with Ashgate Croft School. Krita makes a great alternative to Photoshop... and it's totally FREE!
  • Fast Cal minor warnings fixed

    (4/10) 02nd Mar 19 - I've fixed a few missing variables that were generating minor PHP warnings. Only two core files updated. No new features to report this time though.
  • Brighter, whiter look for DHFS

    (5/10) 27th Feb 19 - For the past few weeks I've been working on a cleaner website look for DHFS, which includes an always visible search bar to improve usability.
  • New role in local Government

    (6/10) 06th Feb 19 - Today I interviewed for the post of Application Development Officer within local Government... I got the job! It will be strange to leave Education after 11 years, but here's to the future!
  • Careers Event Calendar for DHFS

    (7/10) 23rd Jan 19 - I've been getting Fast Cal integrated into Joomla!, which is now serving as a Careers Event Calendar at DHFS. All the careers related deadlines in one place!
  • Fast Edit v1 hits 10,000 downloads

    (8/10) 20th Dec 18 - I'm happy to report that Fast Edit v1.0 has reached the 10,000 downloads milestone. Not bad for a small-scale personal project. Merry Christmas!
  • Fast Logs admin search added

    (9/10) 19th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Logs' admin panel to help users more easily find entries for editing.
  • Fast Cal admin search added

    (10/10) 12th Dec 18 - A new search feature (scanning titles and descriptions) has been added to Fast Cal's admin panel to help users more easily find entries for editing.

Related

More demos and snippets

Did you find this useful? There are more demos and code snippets this way.