{"id":28420778,"url":"https://github.com/grrowl/newsticker","last_synced_at":"2025-07-26T20:05:59.980Z","repository":{"id":2984086,"uuid":"4000064","full_name":"grrowl/newsTicker","owner":"grrowl","description":"jQuery plugin for basic scroller","archived":false,"fork":false,"pushed_at":"2012-04-12T05:03:18.000Z","size":108,"stargazers_count":0,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-26T17:50:55.005Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/grrowl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-04-12T01:00:51.000Z","updated_at":"2016-09-10T16:12:12.000Z","dependencies_parsed_at":"2022-09-21T07:47:32.994Z","dependency_job_id":null,"html_url":"https://github.com/grrowl/newsTicker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/grrowl/newsTicker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grrowl%2FnewsTicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grrowl%2FnewsTicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grrowl%2FnewsTicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grrowl%2FnewsTicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grrowl","download_url":"https://codeload.github.com/grrowl/newsTicker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grrowl%2FnewsTicker/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267224078,"owners_count":24055828,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-05T03:49:44.592Z","updated_at":"2025-07-26T20:05:59.935Z","avatar_url":"https://github.com/grrowl.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# newsTicker\n\nBasic news ticker, you give it a list and it cycles through each item. You can write:\n\n```javascript\n$('ul#latestNews').newsTicker();\n```\nor define the following awesome options (defaults shown):\n\n```javascript\n$('ul#latestNews').styledForms({\n\ttimeout: 4500, // timeout between auto-progression\n\tdirection: 'down', // or 'up', 'left', right'\n\tanimSpeed: 'slow', // or 'fast' or a time in milliseconds\n\tpauseOnHover: true, // whether to pause the auto-progression on element hover\n\tnextSelector: '', // selector for a \"next\" button\n\tprevSelector: '' // selector for a \"prev\" button\n});\n```\n\nthe direction is reversed when you go to a previous item.\n\nThe plugin operates on all children of the element you run it on, so it's reccommended you use a list. You're displaying a list of stuff after all. There is some required CSS:\n\n```css\nul {\n\tposition: relative; /* required, or use 'absolute' */\n\toverflow: hidden; /* required */\n\t\n\theight: 40px; /* or similar value */\n}\nul li {\n\t/* position: absolute; -- not required, will be set by the plugin.\n\t\tnot setting it in CSS will mean users without JS enabled will only see your first item */\n\t\n\theight: 40px; /* from the parent ul */\n\tline-height: 40px;\n}\n```\n\nI encourage you to [check out demo.html](https://github.com/grrowl/newsTicker/blob/master/demo.html) to see it all in action.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrrowl%2Fnewsticker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrrowl%2Fnewsticker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrrowl%2Fnewsticker/lists"}