All Projects → vaakash → Jquery Easy Ticker

vaakash / Jquery Easy Ticker

Licence: mit
jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Jquery Easy Ticker

Jquery.redirect
jQuery Redirect Plugin
Stars: ✭ 182 (-7.14%)
Mutual labels:  jquery
Laravel Datatables Html
Laravel DataTables HTML Builder Plugin
Stars: ✭ 188 (-4.08%)
Mutual labels:  jquery
Laravel Datatables Buttons
jQuery DataTables Buttons Plugin for Laravel.
Stars: ✭ 192 (-2.04%)
Mutual labels:  jquery
Bs grid
Bootstrap Datagrid
Stars: ✭ 184 (-6.12%)
Mutual labels:  jquery
Opal Jquery
jQuery for Opal
Stars: ✭ 187 (-4.59%)
Mutual labels:  jquery
Phantomas
Headless Chromium-based web performance metrics collector and monitoring tool
Stars: ✭ 2,191 (+1017.86%)
Mutual labels:  jquery
Izimodal
Elegant, responsive, flexible and lightweight modal plugin with jQuery.
Stars: ✭ 2,122 (+982.65%)
Mutual labels:  jquery
Bridge
♠️ C# to JavaScript compiler. Write modern mobile and web apps in C#. Run anywhere with Bridge.NET.
Stars: ✭ 2,216 (+1030.61%)
Mutual labels:  jquery
Eslint Plugin Jquery
Disallow jQuery functions with native equivalents.
Stars: ✭ 188 (-4.08%)
Mutual labels:  jquery
Jquery Gantt
🌈 Lightweight jQuery gantt plugin.
Stars: ✭ 193 (-1.53%)
Mutual labels:  jquery
Rangeslider.js
🎚 HTML5 input range slider element polyfill
Stars: ✭ 2,153 (+998.47%)
Mutual labels:  jquery
Tui.editor
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
Stars: ✭ 14,016 (+7051.02%)
Mutual labels:  jquery
Feedek
FeedEk jQuery RSS/ATOM Feed Plugin
Stars: ✭ 190 (-3.06%)
Mutual labels:  jquery
Jquery Contextmenu
jQuery contextMenu plugin & polyfill
Stars: ✭ 2,148 (+995.92%)
Mutual labels:  jquery
Javascript
刘宾的博客->前端相关。
Stars: ✭ 195 (-0.51%)
Mutual labels:  jquery
Jquery.timeline
You can easily create the horizontal timeline with two types by using this jQuery plugin.
Stars: ✭ 179 (-8.67%)
Mutual labels:  jquery
Photobooth
A photobooth Web-Application for raspberry pi with gphoto2
Stars: ✭ 188 (-4.08%)
Mutual labels:  jquery
100 Days Of Code Frontend
Curriculum for learning front-end development during #100DaysOfCode.
Stars: ✭ 2,419 (+1134.18%)
Mutual labels:  jquery
Gentelella Rtl
Free RTL Bootstrap 3 Admin Template
Stars: ✭ 194 (-1.02%)
Mutual labels:  jquery
Calx.js
jQuery Calx - a jQuery plugin for creating formula-based calculation form
Stars: ✭ 190 (-3.06%)
Mutual labels:  jquery

jQuery Easy Ticker plugin

jQuery easy ticker is a news ticker like plugin which scrolls the list infinitely. It is highly customizable and flexible with lots of features and works in all browsers.

👁️ Live demo - 🏠 Home page - ☕ Buy me a Coffee !

Features

  • Two directions available (Up and down).
  • Can be targeted on any template.
  • Flexible API for extending to various applications.
  • Supports 'easing' functions.
  • Mouse pause feature available.
  • The speed of the transition can be changed.
  • Controls can be added in order to Play/pause or move the list up and down.
  • Cross browser support.
  • Light weight (2.65 Kb - minified).

Usage

Include jQuery and easy ticker plugin (available under dist/) in the page.

<script src="jquery.js"></script>
<script src="jquery.easy-ticker.min.js"></script>

HTML

Wrapper > Target > Children

<div class="myWrapper">
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
        <li>List item 4</li>
    </ul>
</div>

or

<div class="myWrapper">
    <div>
        <div>List item 1</div>
        <div>List item 2</div>
        <div>List item 3</div>
        <div>List item 4</div>
    </div>
</div>

jQuery

With default options

$(document).ready(function(){
    
    $('.myWrapper').easyTicker({
        direction: 'up',
        easing: 'swing',
        speed: 'slow',
        interval: 2000,
        height: 'auto',
        visible: 0,
        mousePause: true,
        controls: {
            up: '',
            down: '',
            toggle: '',
            playText: 'Play',
            stopText: 'Stop'
        },
        callbacks: {
            before: false,
            after: false
        }
    });

});

See demo

Buy me a coffee !

Like this plugin ? If you find it useful and if it helped solved your problem, feel free to Buy me a Coffee ! 😀

Documentation

Plugin's documentation is available in the plugin homepage. Please refer this page for more details on usage, options and customization features.

Requirements

  • jQuery 1.7+

License

Copyright (c) 2020 Aakash Chakravarthy, released under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].