jquery-easy-ticker
所属分类:JavaScript/JQuery
开发工具:HTML
文件大小:24KB
下载次数:0
上传日期:2022-12-06 15:14:43
上 传 者:
sh-1993
说明: jQuery easy-ticker是一个类似新闻ticker的插件,它可以无限滚动列表。它具有高度可定制性、灵活性...
(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.)
文件列表:
Gruntfile.js (549, 2022-01-23)
LICENSE (1085, 2022-01-23)
dist (0, 2022-01-23)
dist\jquery.easy-ticker.min.js (2936, 2022-01-23)
easyticker.jquery.json (1103, 2022-01-23)
package-lock.json (68121, 2022-01-23)
package.json (747, 2022-01-23)
src (0, 2022-01-23)
src\jquery.easy-ticker.js (7373, 2022-01-23)
test (0, 2022-01-23)
test\test.html (8932, 2022-01-23)
# jQuery Easy Ticker plugin
jQuery easy ticker is a news ticker like plugin which scrolls a list infinitely. It is highly customizable, flexible with lots of features and works in all browsers.
[‘ Live demo](https://www.aakashweb.com/demos/jquery-easy-ticker/) - [ Home page](https://www.aakashweb.com/jquery-plugins/easy-ticker/) - [ Buy me a Coffee !](https://www.paypal.me/vaakash/6)
## 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.86 KB - minified).
## Usage
Include jQuery and easy ticker plugin (available under dist/) in the page.
```HTML
```
**HTML**
Wrapper > Target > Children
```HTML
- List item 1
- List item 2
- List item 3
- List item 4
```
or
```HTML
List item 1
List item 2
List item 3
List item 4
```
**jQuery**
With default options
```JavaScript
$(document).ready(function(){
$('.myWrapper').easyTicker({
direction: 'up',
easing: 'swing',
speed: 'slow',
interval: 2000,
height: 'auto',
visible: 0,
mousePause: true,
autoplay: true,
controls: {
up: '',
down: '',
toggle: '',
playText: 'Play',
stopText: 'Stop'
},
callbacks: {
before: false,
after: false,
finish: false
}
});
});
```
[See demo](https://www.aakashweb.com/demos/jquery-easy-ticker/)
## 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 !](https://www.paypal.me/vaakash/6)
## Documentation
Plugin's documentation is available in the plugin homepage. Please refer [this page](https://www.aakashweb.com/jquery-plugins/easy-ticker/) for more details on usage, options and customization features.
## Requirements
* jQuery 1.7+
## License
Copyright (c) 2022 [Aakash Chakravarthy](https://www.aakashweb.com/), released under the MIT License.
近期下载者:
相关文件:
收藏者: