时间记录html,jquery水平、垂直时间线记录jQuery Timelinr
jquery水平、垂直时间线记录jQuery Timelinr效果。可以记录整个历史记录,相当不错的效果。
$(function(){
$().timelinr();
});
$(function(){
$(function(){
$().timelinr({
orientation: 'horizontal',
// value: horizontal | vertical, default to horizontal
containerDiv: '#timeline',
// value: any HTML tag or #id, default to #timeline
datesDiv: '#dates',
// value: any HTML tag or #id, default to #dates
datesSelectedClass: 'selected',
// value: any class, default to selected
datesSpeed: 'normal',
// value: integer between 100 and 1000 (recommended) or 'slow', 'normal' or 'fast'; default to normal
issuesDiv : '#issues',
// value: any HTML tag or #id, default to #issues
issuesSelectedClass: 'selected',
// value: any class, default to selected
issuesSpeed: 'fast',
// value: integer between 100 and 1000 (recommended) or 'slow', 'normal' or 'fast'; default to fast
issuesTransparency: 0.2,
// value: integer between 0 and 1 (recommended), default to 0.2
issuesTransparencySpeed: 500,
// value: integer between 100 and 1000 (recommended), default to 500 (normal)
prevButton: '#prev',
// value: any HTML tag or #id, default to #prev
nextButton: '#next',
// value: any HTML tag or #id, default to #next
arrowKeys: 'false',
// value: true/false, default to false
startAt: 1,
// value: integer, default to 1 (first)
autoPlay: 'false',
// value: true | false, default to false
autoPlayDirection: 'forward',
// value: forward | backward, default to forward
autoPlayPause: 2000
// value: integer (1000 = 1 seg), default to 2000 (2segs)< });
});
});
- date1
- date2
Lorem ipsum.
Lorem ipsum.
+
-
相关链接
时间记录html,jquery水平、垂直时间线记录jQuery Timelinr相关推荐
- html怎么实现蓝色垂直的直线,css实例教程 一款纯css实现的垂直时间线效果
今天给大家分享一款纯css实现的垂直时间线效果.垂直时间线适合放在类似任务时间安排的网页上.该实现采用了蓝色作为主题色,界面效果还不错.一起看下效果图: 实现的代码. html代码: 复制代码代码如下 ...
- UnityEngine下Time 类的学习,时间管理器,计时器,时间线,
Time 类用的最多的 应该就是Time.deltime; 第一次接触Time类的也是 这个属性,这个就是 上一帧的偏移量, 电脑 完成 上一帧 到现在 这一帧的时间 . 简单计时器 float Ti ...
- 神雕侠侣服务器维修时间,神雕侠侣(新修版)时间线推算
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 下面把楼上第5条拿出来,详细分析一下.从杨过下山寻找小龙女,到小龙女跳下断肠崖,关于各个时间点的描写有很多,但未必都是可信的. 1.杨过下山寻找小龙女的时 ...
- 用timeline 时间线 和 Collapse 折叠面板做一个简单的时间轴
项目上有个时间轴功能,我看了一下element上有时间轴功能,不过有点太简单,我想改造一下这个时间轴,记录一下,用Timeline 时间线 和 Collapse 折叠面板,两个加起来做了一时间轴,当是 ...
- 【案例练习】15—27个网页设计的 HTML 时间线
来源 | https://medium.com/@niemvuilaptrinh/27-html-timeline-for-web-design-979b8e5d1c05 今天这篇文章,我跟大家分享2 ...
- gephi导入含时间线的动态数据
本文记录导入包含时间数据的记录,以生成以时间线为轴的动态数据. 一.原始数据中包含一条记录的起始时间start_time和结束时间end_time,数据格式为dd/mm/yyyy: 二.导入电子表格时 ...
- 前目的地罗伯森是谁_前目的地 - 隐藏的时间线
影片的时间线分析,有不少专业的分析.我就不重述.我只想分析一点,其实本片是有两有时间线的,并非只有主角这一条.而是还有时间局的罗伯森这一条. 分析下主角的时间线,详细的有其他专业影评分析了,以下我只挑 ...
- 水平时间轴css代码_使用CSS和JavaScript构建水平时间线
水平时间轴css代码 在上一篇文章中 ,我向您展示了如何从头开始构建响应式垂直时间轴. 今天,我将介绍创建相关的水平时间线的过程. 与往常一样,要初步了解我们将要构建的内容,请查看相关的CodePen ...
- Dorea.js框架介绍:纯CSS写出优雅好看的时间线/时间轴(左右垂直展示)
在准备搭建博客,准备写一个心情的功能模块,以时间线的形式展现出来(有的人称为时间轴),发现Layer的提供的时间线挺好看的.速递地址:layui.但不是很符合本人自己的心意,想要一种左右左右展示的风格 ...
最新文章
- Python3 websocket server与client
- Quest Spotlight On Oracle 很牛的监控软件
- JS之返回字符首次出现位置的indexOf
- C++学习之路 | PTA乙级—— 1032 挖掘机技术哪家强 (20 分)(精简)
- 前端写分页(用了自己同事写的插件)
- Skype 1.4 for Linux 掉掉更新
- 麻理工MIT的脑计划eyewire (顺便学习一下医学影像知识)
- Mplayer播放器程序设计Linux,Linux下编程实现mplayer播放器总结
- 【论文泛读171】具有对抗性扰动的自监督对比学习,用于鲁棒的预训练语言模型
- 怎么用电脑修改图片尺寸?图片大小尺寸修改教程
- 最近 Flutter 争气了! Flutter 也可以做这么炫酷的动画
- 绿盟web应用防火墙(主机版)中国教育和科研计算机网,绿盟远程安全评估系统NSFOCUS RSAS...
- 操作系统原理_田丽华(1)操作系统概述
- 批量修改文件名,文件更名软件REN软件
- 问题生成(QG)与答案生成(QA)
- esayui-全国城市省市区三级级联
- avast for android,avast! Mobile Security for Android 本地拒绝服务漏洞
- 查看用户是否被锁linux,Linux 锁定用户
- Meet Surprise品牌饰品让你展现自己的美
- 数据库性能监控工具 Spotlight on MySQL
热门文章
- HTML标签(持续更新)
- Devexpress - office - 效果
- 多线程下的进程同步(线程同步问题总结篇)
- 炉石整活拔线方法_酒馆战棋:整活如何简单“拔线”?瓦娘在线教学,却3本得死神?...
- 微课|玩转Python轻松过二级:第3章课后习题解答4
- Python在SQLite数据库中动态创建数据表的思路与实现
- 让你的Python程序在用户面前以小概率崩溃
- Python可以这样学(第一季:Python内功修炼)-董付国-专题视频课程
- fastdfs文件上传 read timeout_一文看懂centos7系统部署FastDFS 分布式文件系统
- cpu使用率_单片机里面的CPU使用率是什么鬼?