头像

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

来源:http://www.sucaihuo.com/js/3460 素材火管理员 2018-02-08 21:18浏览(70) 收藏

jQuery圆形历史时间轴图文内容自动切换代码,圆形时间轴样式比较少见,显得特别的有创意。
jQuery圆形历史时间轴图文内容自动切换代码
分类:日期时间 > 时间轴 难易:初级

程序员,你不是一个人;网站开发QQ群:35291327,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 3 下载资源 下载积分: 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>
标签: 时间轴
评论5
头像

友情提示:垃圾评论一律封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 4楼
    02-15 16:43
    yucihent赫
    喜欢这特效,需要一点一点的研究研究这个代码
  • 头像 3楼
    02-14 17:57
    星*迹
    需要一点一点的研究研究这个代码了,喜欢这特效
  • 头像 板凳
    02-10 11:38
    richer
    这种效果PC端用比较好,毕竟移动端的显示界面也就那么点儿。
  • 头像 椅子
    02-10 09:25
    潇然
    太水了,我居然看不懂代码,我看来是废了。
  • 头像 沙发
    02-09 09:20
    布丁
    高兴效果炫酷,一如既往的好
1 2