这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴 ...
在线演示 在线演示 Timeglider JS是一个由javascript支持缩放,数据驱动的时间轴组件。非常适合显示项目历史,项目计划及其其它需要显示历史的项目。 时间轴可以通过右边拖放垂直滑动器来缩放界面:向上缩小,向下放大。同时也支持使用滚轮来控制缩放。通过鼠标拖东空白处可以左右拖动时间轴,点击事件可以弹出一个小窗口来描述时间内容及其数据。 JS组件有以下几个目标: 支持iPads和其它支 ...
2012-01-02 17:09 1 14745 推荐指数:
这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴 ...
在进行设计的时候经常需要用到时间轴效果,如果遇到这样的问题不会解决怎么办,今天就给大家分享这样的效果 jQuery Timelinr 使用jQuery Timelinr插件的,你会摆脱那些枯燥的演讲的时间表。有了它的帮助,你就可以创建纵向和横向的布局,再加上调整一些额外的参数 ...
http://www.jq22.com/jquery-info13695 http://www.jq22.com/jquery-info13357 简要教程 timeline.js是一款jQuery时间轴幻灯片插件。通过timeline.js插件,你可以很容易的制作出水平或垂直时间轴 ...
1、使用CSS3和jQuery制作的水平时间轴 这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动,非常强大。 详情:查看详情 ...
几款漂亮的时间轴,也许大家以后工作中会用到。 一、纵向折叠时间轴 1、js文件(jQuer ...
引言 最近项目中使用了很多前端的东西,对于我一个做后台开发的人员,这是一个很好的锻炼的机会。经过这段时间的学习,感觉前端的东西太多了,太强大了,做出来的东西太炫酷了。现在有很多开源的前端框架,做的都非常的漂亮,h5发展了这么多年了,改变了互联网行业啊!下面给大家介绍几款漂亮的时间轴 ...
一个时间轴的组成 使用一个块级元素包裹内容,并未块级元素设置边框 定义圆形或者菱形等元素标签,子元素设置偏移或者定位元素将图标定位到边框上 使其中的内容不溢出,自动换行,内容自动撑高 英文自动换行:word-wrap:break-word;word-break:break-all ...
一、效果图预览 (图一) (图二) 附注说明: 图一是浏览器宽度像素大于560px下的展示效果, ...