1、使用CSS3和jQuery制作的水平时间轴 这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动,非常强大。 详情:查看详情 ...
TimegliderJs 是一款基于jQuery的时间轴插件。完成后效果。 介绍 Timeglider JS是一个由javascript支持缩放,数据驱动的时间轴组件。非常适合显示项目历史,项目计划及其其它需要显示历史的项目。 时间轴可以通过右边拖放垂直滑动器来缩放界面:向上缩小,向下放大。同时也支持使用滚轮来控制缩放。通过鼠标拖动空白处可以左右拖动时间轴,点击事件可以弹出一个小窗口来描述时间内容 ...
2014-09-03 16:22 0 3383 推荐指数:
1、使用CSS3和jQuery制作的水平时间轴 这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动,非常强大。 详情:查看详情 ...
引言 最近项目中使用了很多前端的东西,对于我一个做后台开发的人员,这是一个很好的锻炼的机会。经过这段时间的学习,感觉前端的东西太多了,太强大了,做出来的东西太炫酷了。现在有很多开源的前端框架,做的都非常的漂亮,h5发展了这么多年了,改变了互联网行业啊!下面给大家介绍几款漂亮的时间轴 ...
几款漂亮的时间轴,也许大家以后工作中会用到。 一、纵向折叠时间轴 1、js文件(jQuer ...
这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴 ...
先上图看图说话 时间轴的轴线可以居中分两边,也可以像上图一样。 上代码: ...
特点: 1. 支持多左右滚动,左右拖动。 2. 时间轴可上下两种显示方式。 3. 支持两种模式的平滑滚动/拖动。 4. 行压缩(后续版本此处可设置是否开启,上传的代码不带这个功能)。 5. 支持hover辅助线。 6. 支持多级缩放、鼠标滚轮缩放。 依赖 ...
http://www.jq22.com/jquery-info13695 http://www.jq22.com/jquery-info13357 简要教程 timeline.js是一款jQuery时间轴幻灯片插件。通过timeline.js插件,你可以很容易的制作出水平或垂直时间轴 ...
在进行设计的时候经常需要用到时间轴效果,如果遇到这样的问题不会解决怎么办,今天就给大家分享这样的效果 jQuery Timelinr 使用jQuery Timelinr插件的,你会摆脱那些枯燥的演讲的时间表。有了它的帮助,你就可以创建纵向和横向的布局,再加上调整一些额外的参数 ...