多语言展示
当前在线:1574今日阅读:91今日分享:37

html+css3+jq响应式页面滚动数字增长特效

html+css3+jq响应式页面滚动数字增长特效
工具/原料

adobe dreamweaver

方法/步骤
1

新建html文档。

2

书写hmtl代码。

 

效果演示

 
   
     
       

数字跑动场景

       
         
           
             

目标额

             

999.9

           
           
             

已完成

             

30%

           
           
             

已认投

             

999.9

           
         
       
     
   
   
     
       

柱形图跑动场景

       

目标额

       
         
       
       

已完成

       
         
       
       

已认投

       
         
       
     
   
   
     
       

圆圈统计图跑动场景

       

目标额

       
         
           
         
         
           
         
         
65%
       
       

已完成

       
         
           
         
         
           
         
         
65%
       
       

已认投

       
         
           
         
         
           
         
         
65%
       
     
   
 
 

4

书写并添加js代码。

5

书写docs.js代码。

6

代码整体结构。

7

查看效果。

注意事项
1

jquery.running.min.js是个js包,可以网上下载。

2

jquery.min.js是个js包,可以网上下载。

推荐信息