百度地图首页板块

1.昨天做网站领导需要一个浏览器窗口滚动到当前位置数字开始变动到指定位置，现在我把代码分享给大家。

代码片段html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>*{margin: 0;padding: 0;}.box{height: 2000px;border-bottom:5px solid red;}.wrap{width:1200px;margin:30px auto;}.wrap p{width:200px;float:left;margin:0 50px;font-size:50px;color:#ff6700;}</style>
</head><body><div class="box"></div><div class="wrap"><p><strong class="serve">0</strong>亿</p><p><strong class="percent">0</strong>%</p><p><strong class="web">0</strong>万</p><p><strong class="person">0</strong>万</p></div><div class="box"></div><!-- <script src="jquery-1.12.4.min.js"></script> --><script src="jquery-1.8.3.min.js"></script><script>$(function(){$(window).scroll(function(){var sctop = $(window).scrollTop();if($('.wrap').offset().top  - sctop < 500){console.log(1)$('.serve').animate({count:1200},{queue:true,duration:2000,step:function(now,fx){// console.log(now,fx)var num = parseInt(now).toString().replace(/(?=(\B)(\d{3})+$)/g,',')$('.serve').text(num)}})$('.percent').animate({count:75},{queue:true,duration:2000,step:function(now,fx){// console.log(now,fx)var num = parseInt(now).toString()$('.percent').text(num)}})$('.web').animate({count:65},{queue:true,duration:2000,step:function(now,fx){// console.log(now,fx)var num = parseInt(now).toString()$('.web').text(num)}})$('.person').animate({count:165},{queue:true,duration:2000,step:function(now,fx){// console.log(now,fx)var num = parseInt(now).toString()$('.person').text(num)}})}})})</script>
</body></html>

下面给大家放上js下载地址：http://www.hj1992.com/js/jquery-1.8.3.min.js

百度地图API首页数字动态改变特效jquery特效相关推荐

java调用百度地图API依据地理位置中文获取经纬度
百度地图api提供了非常多地图相关的免费接口,有利于地理位置相关的开发,百度地图api首页:http://developer.baidu.com/map/. 博主使用过依据地理依据地理位置中文获取经纬 ...
c语言api获取百度地图,H5调用百度地图API获取地理位置
//获取当前位置 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ alert ...
百度地图api 密钥获取
1.进入百度地图api首页 http://lbsyun.baidu.com/ (首先要有个百度账号并登陆) 拉到页面最下方会看到申请密钥,点击 2.点击申请密钥后跳转到这个填写个人信息页面 3.填写完 ...
百度地图API自定义点路书，路书点击事件，路书速度动态改变
前一段时间研究百度地图路书,查了很多资料也看源码,总结了一下如下代码中有三个图片我放在下面,自行下载重命名和代码里面的名字保持一致,并且同代码放在同一个目录里面,代码中注释也很详细,可自行copy ...
百度地图api改变覆盖物背景实例及css颜色值简介
在此鸣谢buptwusuopu的技术支持在调用百度地图api的时候,为了改变覆盖物的颜色,如图中椭圆型的填充色.可以到百度api的库中查找方法http://developer.baidu.com/m ...
调用百度地图API实现动态走航路线图
一.先上效果图马里奥会动态的从广州之窗走到沥滘地铁站,绿色的线是走航路线图. 二.编写HTML和JavaScript脚本实现运行需要浏览器端的AK,可以去百度地图开放平台免费申请. <!DO ...
百度地图API，改变驾车路线颜色（仿淘宝快递查询，一条路线两个颜色）
想仿淘宝做一个物流查询,分为:寄件点.当前点. 收件点和路线图. 快递已走的路径(寄件点到当前点的颜色)和未走的路径(当前点到收件点)用颜色进行区分. 利用百度地图提供的API(当时遇到了点问 ...
前端捕捉轨迹_web端百度地图API实现实时轨迹动态展现
最近在工作中遇到了一个百度地图api中的难题,恐怕有的程序员可能也遇到过.就是实时定位并显示轨迹,网上大部分都是通过创建polyline对象贴到地图上.当然,百度地图的画线就是这样实现的,但是好多人会 ...
百度地图API后台持续定位、指南针改变位置问题
最近的需要用到后台持续定位,项目中又是用的百度地图API,遇到点麻烦: 1.进入后台,手机静置,定位持续16分钟左右就停止了,但是还是无限后台效果:但如果一直运动,让定位持续更新,定位服务一直保持其 ...

百度地图API首页数字动态改变特效jquery特效

百度地图API首页数字动态改变特效

百度地图首页板块

代码片段html

百度地图API首页数字动态改变特效jquery特效相关推荐

最新文章

热门文章