{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

jQuery基于superslide鱼骨样式时间轴滚动代码

jQuery基于superslide鱼骨样式时间轴滚动代码是一款带左右按钮控制滚动的横向时间轴特效。


js代码

<script type="text/javascript" src="js/fishBone.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script>
    data = [{ 'sourceDate': '<b>工作</b> 12-1 12:20', 'colorLevel': '工作' },
    { 'sourceDate': '<b>工作</b> 12-2 12:20', 'colorLevel': '工作' },
    { 'sourceDate': '<b>工作</b> 12-3 12:20', 'colorLevel': '在库' },
    { 'sourceDate': '<b>工作</b> 12-4 12:20', 'colorLevel': '在库' },
    { 'sourceDate': '<b>工作</b> 12-5 12:20', 'colorLevel': '运输' },
    { 'sourceDate': '<b>工作</b> 12-6 12:20', 'colorLevel': '运输' },
    { 'sourceDate': '<b>工作</b> 12-7 12:20', 'colorLevel': '转移' },
    { 'sourceDate': '<b>工作</b> 12-8 12:20', 'colorLevel': '转移' },
    { 'sourceDate': '<b>工作</b> 12-9 12:20', 'colorLevel': '工作' },
    { 'sourceDate': '<b>工作</b> 12-10 16:10', 'colorLevel': '工作2' },
    { 'sourceDate': '<b>工作</b> 12-11 16:10', 'colorLevel': '工作2' },
    { 'sourceDate': '<b>工作</b> 12-12 16:10', 'colorLevel': '工作' },
    { 'sourceDate': '<b>工作</b> 12-13 16:10', 'colorLevel': '工作' },
	{ 'sourceDate': '<b>工作</b> 12-14 16:10', 'colorLevel': '工作' },
	{ 'sourceDate': '<b>工作</b> 12-15 16:10', 'colorLevel': '工作' },
	{ 'sourceDate': '<b>工作</b> 12-16 16:10', 'colorLevel': '工作' },
	{ 'sourceDate': '<b>工作</b> 12-17 16:10', 'colorLevel': '工作' },
	{ 'sourceDate': '<b>工作</b> 12-18 16:10', 'colorLevel': '工作' },
	{ 'sourceDate': '<b>工作</b> 12-19 16:10', 'colorLevel': '工作' },
    { 'sourceDate': '<b>工作</b> 12-20 16:10', 'colorLevel': '工作1' }];
	$(function() {
		//创建案件历史
        $(".fishBoneDiv").fishBone(data);
	});
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery基于superslide鱼骨样式时间轴滚动代码
喜欢 ()分享 (0)