jQuery自适应时间轴插件

查看演示立即下载

插件描述：jQuery自适应垂直时间轴插件，通过页面配置json来实现时间轴的生成

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

使用方法

html引用

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

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

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

js引用

<script src="/"></script>
<script src="/"></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"
            }
        ]
 
    ]
 
};

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery bootstraps响应式公司企业类网站模板
下一个特效：图像过度变形效果