练习3-图片自动切换，点击按钮移动div，练习1-控制商品上下滚动

js代码

            function move(obj,target,step,dir,endFn){
                clearInterval(obj.timer);
                var speed =parseInt(getStyle(obj,dir));
                step = speed < target ? step : -step;
                obj.timer = setInterval(function(){
                    speed=speed+step;
                    if(speed>=target && step>0 || speed<=target && step<0){
                        speed=target;
                        clearInterval(obj.timer);
                        // 如果有回调函数就调用
                        endFn && endFn();
                    }
                    obj.style[dir]=speed+'px';}
                ,30);
            }
            
            function doOpacity(obj,target,step,dir,endFn){
                clearInterval(obj.opacity);
                var speed =parseInt(getStyle(obj,dir));
                step = speed < target ? step : -step;
                obj.opacity = setInterval(function(){
                    speed=speed+step;
                    if(speed>=target && step>0 || speed<=target && step<0){
                        speed=target;
                        clearInterval(obj.opacity);
                        // 如果有回调函数就调用
                        endFn && endFn();
                    }
                    obj.style[dir]=speed;}
                ,30);
            }
            
            
            function getStyle(obj,attr){
                return getComputedStyle(obj)[attr];
            }

01.练习1-控制商品上下滚动

    
        
        
        
    
    
        

            

                

                

                

                

                

                

                

                

                

                

            
            
↑
            
↓
        
        
    

02.练习2-点击按钮移动div

    
        
        
        
        
    
    
        
走你
        
回来
        
疯狂点吧
        

        

        
    

03.练习3-图片自动切换

    
        
        
        
        
        
    
    
        

            

                
                
                
                
                
                
            
            

                

                    
《离婚律师》精彩看点
                    《离婚律师》精彩看点： 末代剧王驾到，1.3亿超高投资无出其右，
                        姚晨、吴秀波顶级大牌组合，今后可遇不可求。 《离婚律师》剧情梗概： 
                        事业有成的大律师池海东在自己的离婚案中输给了妻子的代理律师罗鹂。
                        不相信爱情的两人， 阴错阳差之下常常代理同一个离婚案件...
                
                

                    
《离婚律师》精彩看点
                    《离婚律师》精彩看点： 末代剧王驾到，1.3亿超高投资无出其右，
                        姚晨、吴秀波顶级大牌组合，今后可遇不可求。 《离婚律师》剧情梗概： 
                        事业有成的大律师池海东在自己的离婚案中输给了妻子的代理律师罗鹂。
                        不相信爱情的两人， 阴错阳差之下常常代理同一个离婚案件...
                
                

                    
《离婚律师》精彩看点
                    《离婚律师》精彩看点： 末代剧王驾到，1.3亿超高投资无出其右，
                        姚晨、吴秀波顶级大牌组合，今后可遇不可求。 《离婚律师》剧情梗概： 
                        事业有成的大律师池海东在自己的离婚案中输给了妻子的代理律师罗鹂。
                        不相信爱情的两人， 阴错阳差之下常常代理同一个离婚案件...
                
                

                    
《离婚律师》精彩看点
                    《离婚律师》精彩看点： 末代剧王驾到，1.3亿超高投资无出其右，
                        姚晨、吴秀波顶级大牌组合，今后可遇不可求。 《离婚律师》剧情梗概： 
                        事业有成的大律师池海东在自己的离婚案中输给了妻子的代理律师罗鹂。
                        不相信爱情的两人， 阴错阳差之下常常代理同一个离婚案件...
                
                

                    
《离婚律师》精彩看点
                    《离婚律师》精彩看点： 末代剧王驾到，1.3亿超高投资无出其右，
                        姚晨、吴秀波顶级大牌组合，今后可遇不可求。 《离婚律师》剧情梗概： 
                        事业有成的大律师池海东在自己的离婚案中输给了妻子的代理律师罗鹂。
                        不相信爱情的两人， 阴错阳差之下常常代理同一个离婚案件...
                
                

                    
《离婚律师》精彩看点
                    《离婚律师》精彩看点： 末代剧王驾到，1.3亿超高投资无出其右，
                        姚晨、吴秀波顶级大牌组合，今后可遇不可求。 《离婚律师》剧情梗概： 
                        事业有成的大律师池海东在自己的离婚案中输给了妻子的代理律师罗鹂。
                        不相信爱情的两人， 阴错阳差之下常常代理同一个离婚案件...