jQuery+css3创意服务流程步骤曲线图布局代码【原创

来源:https://www.sucaihuo.com/js/3776.html 2018-06-28 11:52浏览(1433) 收藏

非常漂亮的一款jQuery+css3创意服务流程步骤曲线图布局代码,一步步按顺序自动跳跃高亮展示每一项。
jQuery+css3创意服务流程步骤曲线图布局代码
分类:css3 > 动画效果 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript">

            $(function() {

                $(".i-process .btn").eq(0).addClass("cur")

                var LightNum = 0
                  , LightAuto = setInterval(function() {

                    LightNum++;

                    if (LightNum == $(".i-process .btn").length) {

                        LightNum = 0

                    }

                    $(".i-process .btn").eq(LightNum).addClass("cur").siblings().removeClass("cur")

                }, 3000);

            });
			
</script>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3776.html
评论0
头像

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

1 2