Rumah > hujung hadapan web > tutorial js > TimergliderJS 一个基于jQuery的时间轴插件_jquery

TimergliderJS 一个基于jQuery的时间轴插件_jquery

WBOY
Lepaskan: 2016-05-16 17:58:38
asal
1853 orang telah melayarinya

Timeglider JS是一个由javascript支持缩放,数据驱动的时间轴组件。非常适合显示项目历史,项目计划及其其它需要显示历史的项目。

时间轴可以通过右边拖放垂直滑动器来缩放界面:向上缩小,向下放大。同时也支持使用滚轮来控制缩放。通过鼠标拖东空白处可以左右拖动时间轴,点击事件可以弹出一个小窗口来描述时间内容及其数据。

JS组件有以下几个目标:

支持iPads和其它支持触摸的设备
非常容易整合到基于HTML/JS应用和界面
支持复杂的布局,并且可以对任何指定自定义HTML元素添加事件
安装
第一步:jQuery UI及其Timeglider CSS文件



第二步:倒入jQuery类库

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan