Skip to content
This repository has been archived by the owner on Aug 16, 2022. It is now read-only.
/ news-ticker Public archive

News ticker (Marquee) - Svelte/Web Component

License

Notifications You must be signed in to change notification settings

TigersWay/news-ticker

Repository files navigation

news-ticker GitHub tag (latest by date) GitHub last commit GitHub issues

Usage jsDelivr hits (GitHub)

<!doctype html>
<html class="no-js" lang="en">
<head>
...
<body>
...
  <div class="news-wrapper">
    <news-ticker id="one" duration=3>
      <p>First news</p>
      <p>Second news with a <a href="https://google.com">link</a></p>
      <p>And of course some "<strong>colors</strong>" like <span style="color:red;">red</span> or <span style="color:lime">lime</span>!</p>
    </news-ticker>
  </div>
...
  <script src='https://cdn.jsdelivr.net/gh/tigersway/news-ticker@1/dist/news-ticker.esm.min.js' type="module"></script>
</body>
</html>

Options:

  • id: CSS id selector, needed if you have more than 1 news-ticker on the same page,
  • duration: (default 6) Number of seconds between flips.

CHANGELOG

v1.0.0

  • Everything should be working!

v0.1.0

  • First public release

About

News ticker (Marquee) - Svelte/Web Component

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published