欢迎来到代码基地 请CTRL+D收藏本站!^_^
  • 最近浏览

    你还没有浏览商品

原创】后台登录弹跳特效

2017-12-15 编辑:admin 下载:13 评论:0 点击:613 加入收藏 下载金币:20 积分返还:2

打开页面,登录框开始仿重力向下弹跳,背景轮播,后台管理员通用登录后台模板



部分代码教程:

var oMove=document.querySelectorAll('.move'); 
        var len=oMove.length; 
        var timer=null; 
        var timeout=null; 
        var speed=3; 
        move(len-1); 
        function move(index){ 
            if(index<0){ 
                clearInterval(timer); 
                clearTimeout(timeout); 
                return; 
            } 
            var end=150+(index*60); 
            timer=setInterval(function(){ 
                speed+=3; 
                var T=oMove[index].offsetTop+speed; 
                if(T>end){ 
                    T=end; 
                    speed*=-1; 
                    speed*=0.4; 
                } 
                oMove[index].style.top=T+'px'; 
            },20); 
            timeout=setTimeout(function () { 
                clearInterval(timer); 
                index--; 
                move(index); 
            },900); 
        }
  • ^_^ 本站原创案例有任何使用问题,可咨询管理员技术支持哦!VIP会员免金币或最低3折下载!