分享5款最实用的jQuery时间轴插件
2015-12-01 15:42
471 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/iteye_21186/article/details/82644336
1、使用CSS3和jQuery制作的水平时间轴
这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动,非常强大。
详情:查看详情
2、HTML5+CSS3实现的响应式垂直时间轴
网页时间轴一般用于展示以时间为主线的事件,如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴,它可以响应页面布局,适用于HTML5开发的PC和移动手机WEB应用。
3、Ideabox : jQuery时间轴
时间轴可用于公司大事件、历史时刻新闻事件展示等应用。它支持多种皮肤、支持图片+文字说明,支持移动端响应式布局。
4、Bootstrap响应式垂直时间轴
我们将新闻之类的内容按照月份排列,形成了一个垂直的时间轴,当在宽大屏幕上,时间轴的事件是在轴的两侧排列,而在较小的屏幕如手机屏幕,时间轴的事件会排列在轴的一侧。当然时间轴事件内容支持任意html元素内容。
5、jQuery时间轴插件:jQuery Timelinr
这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。
相关文章推荐
- 推荐5款实用的jQuery时间轴插件
- 分享28款免费实用的 JQuery 图片和内容滑块插件
- 分享一个jQuery的时间轴插件:TimergliderJS
- 分享9个实用的 jQuery 倒计时插件
- 分享7款非常实用的jQuery/CSS3插件演示和源码
- 【转】分享9个实用的 jQuery 倒计时插件
- 分享2013年度超实用的15个原创Jquery插件
- 分享一个jQuery的时间轴插件:TimergliderJS
- 分享9个实用的jQuery倒计时插件
- 分享11个新鲜、实用的jQuery插件(转)
- 分享一个jQuery的时间轴插件:TimergliderJS
- 分享28款免费实用的 JQuery 图片和内容滑块插件
- 轻量级实用JQuery表单验证插件:validateForm5
- 分享一款强大的jQuery旋转轮播式插件 - CarouFredSel
- 移动优先的实用jQuery颜色拾取器插件
- jquery插件开发之实现jquery手风琴功能分享
- 超全超实用的Javascript类库和jQuery插件大全之一:Web印刷排版
- 5款好用的开源JS图片裁剪插件(3个jQuery插件,2个AngularJS插件)
- shareList — jquery收藏&分享插件
- 分享七款视差滚动效果的jQuery 插件