头像

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

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

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

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

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

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

  • 头像 7楼
    05-05 10:27
    Ch***鱼)
    喜欢这个特效,可以下载看看代码。。。
  • 头像 6楼
    03-15 10:05
    yz***an
    这个时间轴展现非常漂亮,也很新颖。值得学习
  • 头像 5楼
    02-27 10:05
    xi***ng
    喜欢这个特效,代码还算可以看懂
  • 头像 4楼
    02-15 16:43
    yu***t赫
    喜欢这特效,需要一点一点的研究研究这个代码
  • 头像 3楼
    02-14 17:57
    星*****迹
    需要一点一点的研究研究这个代码了,喜欢这特效
  • 头像 板凳
    02-10 11:38
    舒***畅
    这种效果PC端用比较好,毕竟移动端的显示界面也就那么点儿。
  • 头像 椅子
    02-10 09:25
    潇***然
    太水了,我居然看不懂代码,我看来是废了。
  • 头像 沙发
    02-09 09:20
    布***丁
    高兴效果炫酷,一如既往的好
1 2