一、易观数据http://www.analysys.cn/
1、数据在地图上展示，地图可缩放，底部文字页面可切换
2、中间热门领域推举和右侧领域排行榜单相联动，点击对应分类，右侧出现相应榜单。
二、圆圈中数字实现动态加载。
http://www.sse.com.cn/market/stockdata/statistic/
代码如下：使用jQuery的animate()函数实现
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>动态显示数据</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<style>
.count{
display: block;
margin: 0 auto;
text-align: center;
font-size: 62px;
color: #f57f00;
font-style: normal;
font-weight: lighter;
font-family: 'Arial';
background: #f5f5f5;
width: 156px;
height: 156px;
line-height: 156px;
border-radius: 100%;
-webkit-border-radius: 100%;
margin-bottom: 25px;
}
</style>
</head>
<body>
<div class="count">当前在线：<span id="number"></span>
</div>
</body>
<script type="text/javascript">
function magic_number(value) {
var num = $("#number");
num.animate({count: value}, {
duration: 500,
step: function() {
num.text(String(parseInt(this.count)));
}
});
};
magic_number(1234);
</script>
</html>
本站文章版权归原作者及原出处所有 。内容为作者个人观点， 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台，并不用于任何商业目的，如果有任何问题，请及时联系我们，我们将根据著作权人的要求，立即更正或者删除有关内容。本站拥有对此声明的最终解释权。