jQuery圆形历史时间轴图文内容自动切换代码

来源:https://www.sucaihuo.com/js/3460.html 2018-02-08 21:18浏览(1088) 收藏

jQuery圆形历史时间轴图文内容自动切换代码,圆形时间轴样式比较少见,显得特别的有创意。
jQuery圆形历史时间轴图文内容自动切换代码
分类:日期时间 > 时间轴 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type='text/javascript' src='js/lodash.js'></script>
<script type='text/javascript' src='js/TweenMax.min.js'></script>
<script type='text/javascript' src='js/DrawSVGPlugin.js'></script>
<script type='text/javascript' src='js/namespaces.js'></script>
<script type="text/javascript">
function preload_images(images, functions) {
    if(typeof functions === 'undefined') functions = {};
    var loaded = 0;
    for(var i=0; i<images.length; i++) {
        ////console.log('preload '+images[i]);
        var img = new Image();
        img.onload = img.onerror = function() {
            ////console.log(img.src + ' loaded');
            var onImgParams = {
                //img : img,
                //index : i,
                loadedPct : (loaded / images.length)
            };
            if( _.isFunction(functions.onImgLoad) ) functions.onImgLoad(onImgParams);

            loaded++;
            if(loaded >= images.length && _.isFunction(functions.onAllImgsLoaded)) {
                ////console.log('all imgs loaded');
                functions.onAllImgsLoaded()
            }
        };
        img.src = images[i];
    }// endfor
}// preload_images()
</script>
标签: 时间轴
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2