{"_id":"jquery-ticker","_rev":"2-cb667666b823ff339f3417ba17e8bd3a","name":"jquery-ticker","description":"A lightweight jQuery plugin for animating a simple news ticker","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"jquery-ticker","version":"1.0.0","description":"A lightweight jQuery plugin for animating a simple news ticker","main":"jquery.ticker.js","keywords":["ticker","jquery","js","ticker jquery","jquery ticker"],"url":"https://github.com/null-none/jquery-ticker","license":"MIT","gitHead":"6c3c1e896e4c641f1b538af53a89b790420aa618","_id":"jquery-ticker@1.0.0","scripts":{},"_shasum":"4ef94a5b9f0143d15d08d4b7afeee4c7dd99ee46","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"null-none","email":"dmitry.kalinin.email@gmail.com"},"dist":{"shasum":"4ef94a5b9f0143d15d08d4b7afeee4c7dd99ee46","tarball":"https://registry.npmjs.org/jquery-ticker/-/jquery-ticker-1.0.0.tgz","integrity":"sha512-YB1dEgRoByZBlgSMpYSM4s7v4SwFoMxAkY/HUKOT/zWbharV4KGwDssw0bARHYH1yqNJGtOxyfAriNZNtvyncg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB9DQaz1FScAlY9hCX3vOxERC2DDL7rlWG4kxWR8Ys1CAiEA3Ievu+We3VWUWXDAZfy+Q1BwCvTvCJUSg7H2g+PaZwE="}]},"maintainers":[{"name":"null-none","email":"dmitry.kalinin.email@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/jquery-ticker-1.0.0.tgz_1488282942696_0.19898894568905234"}}},"readme":"jquery-ticker\n=============\n\nA lightweight jQuery plugin for animating a simple news ticker\n\n\n## Installation\n\nInclude script after the jQuery library:\n\n```html\n<script src=\"/path/to/jquery.ticker.js\"></script>\n```\n\n\n## Usage\n\nAdd an HTML tag for the ticker container (like a `div` or a `span`) with one unordered list containing the ticker items inside. Other content may be inside the ticker container as well.\n\nTicker headlines (the `li` tags) may contain the following basic HTML tags: `<a>`, `<b>`, `<strong>`, `<i>`, `<em>`, `<u>`, and `<span>`.\n\n```html\n<div class=\"ticker\">\n  <strong>News:</strong>\n  <ul>\n    <li>Ticker item #1</li>\n    <li>Ticker item #2</li>\n    <li><em>Another</em> ticker item</li>\n    ...\n  </ul>\n</div>\n```\n\nAnd initiate it\n\n```javascript\n$('.ticker').ticker();\n```\n\nYou can even add some styling\n\n```css\n.ticker {\n  width: 500px;\n  margin: 10px auto;\n}\n /* The HTML list gets replaced with a single div,\n    which contains the active ticker item, so you\n    can easily style that as well */\n.ticker div {\n  display: inline-block;\n  word-wrap: break-word;\n}\n```\n\n\n## Ticker Options\n\nTicker attributes can be set globally by setting properties of the `$.ticker.defaults` object or individually for each call to `ticker()` by passing a plain object to the options argument. Per-call options override the default options.\n\n```javascript\n$.fn.ticker.defaults = {\n  random:        false, // Whether to display ticker items in a random order\n  itemSpeed:     3000,  // The pause on each ticker item before being replaced\n  cursorSpeed:   50,    // Speed at which the characters are typed\n  pauseOnHover:  true,  // Whether to pause when the mouse hovers over the ticker\n  finishOnHover: true,  // Whether or not to complete the ticker item instantly when moused over\n  cursorOne:     '_',   // The symbol for the first part of the cursor\n  cursorTwo:     '-',   // The symbol for the second part of the cursor\n  fade:          true,  // Whether to fade between ticker items or not\n  fadeInSpeed:   600,   // Speed of the fade-in animation\n  fadeOutSpeed:  300    // Speed of the fade-out animation\n};\n```\n\n\n## Authors\n\n[Benjamin Harris](https://github.com/BenjaminRH)\n","maintainers":[{"name":"null-none","email":"dmitry.kalinin.email@gmail.com"}],"time":{"modified":"2022-06-19T05:14:04.124Z","created":"2017-02-28T11:55:44.412Z","1.0.0":"2017-02-28T11:55:44.412Z"},"keywords":["ticker","jquery","js","ticker jquery","jquery ticker"],"license":"MIT","readmeFilename":"README.md"}