`
leyideng
  • 浏览: 16270 次
社区版块
存档分类
最新评论

分享5款最实用的jQuery时间轴插件

阅读更多

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,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。

查看详情

分享到:
评论

相关推荐

    jQuery时间轴鼠标悬停动画插件

    这次我们要来分享一款不太常见的jQuery插件,它是一个时间轴,时间轴上的每一个点在鼠标滑过时都可以显示该点的描述信息,并且鼠标滑过时都可以产生一定的动画特效,比如鼠标划过时圆圈的展开动画。

    jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

    jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。jquery.timelinr可以制作水平和垂直时间轴效果,并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。 推荐阅读:之前分享过一款 ...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载 84. 分享jquery仿当当网店铺图片轮番切换(同时显示图片说明)代码下载 85. 分享一款jQuery thumbnail惟美的图片Tip提示效果 86. 分享一款jquery仿...

    jquery网站发展历史时间轴

    - 同年,jQuery官方插件库(plugins.jquery.com)上线,方便开发者查找和分享jQuery插件。 **2010年: jQuery Mobile的发布** - 2010年,为了适应移动设备的发展,jQuery团队发布了jQuery Mobile,这是一个专为触摸...

    分享Jquery实现超酷的时间轴特效

    【jQuery时间轴特效详解】 在Web开发中,时间轴是一种常用的设计元素,它能清晰地展示事件序列,帮助用户理解信息的流程。本教程将详细讲解如何利用jQuery库来实现一个超酷的时间轴特效,让网页更加生动有趣。 ...

    jQuery 收费插件包大全

    6. **响应式垂直时间表**:这样的插件能够自适应不同屏幕尺寸,显示时间线数据,适合于活动日程、项目进度或者历史事件展示。 7. **多选框**:多选框插件可能提供了增强的复选框功能,如分组、多选、自定义样式等,...

    jquery 动态示例

    83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载 84. 分享jquery仿当当网店铺图片轮番切换(同时显示图片说明)代码下载 85. 分享一款jQuery thumbnail惟美的图片Tip提示效果 86. 分享一款jquery仿...

    50个开发者最喜欢使用的jQuery插件

    27. **Timeline.js**:创建时间轴布局的插件,适用于展示历史事件或项目进度。 28. **Smooth Scroll**:实现页面平滑滚动效果,增强导航体验。 29. **metisMenu**:自定义下拉菜单插件,常用于创建多级导航。 30....

    使用canvas写的时间轴插件,可以实现拖动、点击返回时间点、增加录像块、放大缩小等功能

    分享一个使用canvas写的时间轴插件 这是一个使用canvas写的时间轴插件,可以实现拖动、点击返回时间点、增加录像块、放大缩小等功能 在我工作项目中用在了视频回放时间轴部分 项目开发刚好用到,找了很久终于合适

    JQuery&CSS;&CSS;+DIV实例大全.rar

    20.jQuery大气banner带时间线自动播放的焦点图轮番切换代码 21.jquery定时自动切换banner广告图片动画插件示例 22.jquery实现LightBox图片点击放大效果的图片盒子插件 23.jQuery实现slider图片滚动,单个滚动...

    jQuery手机端QQ微信分享插件

    这款插件利用jQuery库的强大功能,使得开发者能够轻松地集成到自己的网站或应用中,为用户提供一键分享至微信好友、QQ好友、QQ空间、腾讯微博、新浪微博以及人人网等功能。 首先,我们来深入了解一下jQuery。jQuery...

    100多个JQuery效果示例(实例)div+css+javascrpit

    83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载 84. 分享jquery仿当当网店铺图片轮番切换(同时显示图片说明)代码下载 85. 分享一款jQuery thumbnail惟美的图片Tip提示效果 86. 分享一款jquery仿...

    jQuery 时间轴

    **jQuery时间轴**是一种网页开发中的交互式设计元素,它以视觉化的方式展示了一系列按时间顺序排列的事件或数据。这种效果通常用于呈现历史事件、项目进度或者新闻更新等,为用户提供了直观的信息浏览体验。在本文中...

    JavaScript_JQuery_CSS_DIV漂亮的实例

    83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载 84. 分享jquery仿当当网店铺图片轮番切换(同时显示图片说明)代码下载 85. 分享一款jQuery thumbnail惟美的图片Tip提示效果 86. 分享一款jquery仿...

    jQuery宽屏自动播放焦点图插件

    记得之前我们已经分享过很多jQuery焦点图插件,比如支持鼠标拖拽滑动的jQuery焦点图和jQuery宽屏时间轴焦点图插件都非常不错,简单而实用。今天我们要再来分享一款宽屏且可以自动播放图片的jQuery焦点图插件,同样的...

    基于jquery的横向时间轴.zip

    本资源“基于jQuery的横向时间轴”是针对那些希望在网页上展示时间序列信息的开发者们的一个实用工具。横向时间轴是一种可视化方式,它可以清晰地展示一系列事件按照时间顺序排列的情况,尤其适用于历史事件、项目...

    jQuery带暂停按钮的焦点图插件

    今天我们要来分享一款jQuery焦点图插件,该焦点图不仅带有Tooltip文字提示和时间轴,而且还带有暂停播放按钮,我们可以更好地控制图片播放进度和顺序。这款jQuery焦点图不仅可以自动播放图片,还可以点击时间轴上的...

    50款非常棒的 jQuery 插件分享

    12. Twitter Timeline:将Twitter时间线嵌入网站,让用户无需离开页面就能浏览最新推文。 13. JQuery Enchant:一款游戏开发库,可创建交互式游戏或动画。 14. Facebook Like Registration Form:模仿Facebook的注册...

    jQuery实现的数值范围range2dslider选取插件特效多款代码分享

    在本文中,我们将探讨如何使用jQuery实现一个名为`range2dslider`的数值范围选取插件,该插件允许用户通过拖动鼠标来选择二维范围内的数值。这个插件适用于那些需要用户输入特定数值范围的场景,比如设置价格区间、...

    js特效脚本含源码和说明jQuery版公司大事记时间轴

    js特效脚本含源码和说明jQuery版公司大事记时间轴本资源系百度网盘分享地址

Global site tag (gtag.js) - Google Analytics