jQuery自适应时间轴插件

所属分类:输入-日期和时间

 8487  46  查看评论 (0)
分享到微信朋友圈
X
jQuery自适应时间轴插件 ie兼容11

更新时间:2021-06-07 01:26:38

使用方法

html引用

<div class="box"></div>

页面只需要在body中使用“box”选择器即可,如果需要更改选择器名字,需要在js文件和css文件中把  .box  的名字更改即可 

注意:css中有 .box-content等类似选择器 

js引用

<script src="https://www.jq22.com/jquery/jquery-2.1.1.js"></script>
<script src="https://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script src="timeNode.js"></script>

数据

var option = {
    "style": {
        "width": "100%"
    },
    "content": [
        [{
                "type": "head",
                "title": "时间轴一"
            },
            {
                "type": "body",
                "showDirection": "left",
                "contentTitle": "这是一个侧边栏的标题栏1",
                "contentBody": "这是一个侧边栏的内容栏1"
            },
            {
                "type": "body",
                "showDirection": "right",
                "contentTitle": "这是一个侧边栏的标题栏2",
                "contentBody": "这是一个侧边栏的内容栏2"
            },
            {
                "type": "body",
                "showDirection": "left",
                "contentTitle": "这是一个侧边栏的标题栏3",
                "contentBody": "这是一个侧边栏的内容栏3"
            }
        ]

    ]

};
相关插件-日期和时间

集钟表、秒表、闹钟于一体的电子钟表(原创)

通过纯CSS3+JQ实现的集合钟表。集合有电子表、秒表计时器、自定义闹钟、阳历、农历日历功能
  日期和时间
 27030  316

一款好用的记事日历插件,数据源可配置

一款好用的记事日历插件,数据源可配置
  日期和时间
 39232  416

jQuery扁平化多色时间日历插件ECalendar

基于jQuery开发的CSS3时间日历插件,高效好用,日期时间选择一气呵成。
  日期和时间
 52019  493

日程表插件(fullcalendar),自定义任务显示、切换视图

加载事件数据、能切换年月视图、控制任务的自定义显示数量和效果、单元格绑定事件和元素
  日期和时间
 41234  317

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复