2012伦敦奥运奖牌榜调用代码：
注：下面浅灰色部分代码可以自行修改，也可也把代码放在一个html文件用文件包括的方法调用伦敦奥运奖牌榜！
不理解请留言。
<style>
#aoyun{ font-size:12px; }
.tb_01 img { vertical-align:-3px; margin-right:6px; }
.tb_01 th, .tb_01 .fblue { color:#39b9e6; }
.tb_01 td { background:#fff; height:21px; line-height:21px; text-align:center; color:#999 }
.tb_01 tr.bg td { background:#f7fbfd; }
.tb_01 td.tal { text-align:left; padding-left:12px;}
</style>
<script src="http://www.chuanci.net/css/aoyun.js"></script>
<div id="aoyun">
<div id="www960ncom"></div>
<script type="text/javascript">
var DATA_API = 'http://match.2012.sina.com.cn/api/Gl/medalsOrganization?
app_key=fb647ad03c03ab15e9cb9bed461cbe7d&limit=5';
jQuery.ajax(DATA_API, {
async: true,
dataType: 'jsonp',
scriptCharset: 'utf-8',
success: function (data) {
var rt = data.result.data.medalLines;
var tpl = '\
<table width="18%" cellspacing="0" cellpadding="0" border="0" class="tb_01">\
<thead>\
<tr>\
<th scope="col" class="th1" width=70px; align="center">名次</th>\
<th scope="col" class="th2" width=110px; align="center">国家/地区</th>\
<th scope="col" class="th3" align="center">金</th>\
<th scope="col" class="th4" align="center">银</th>\
<th scope="col" class="th5" align="center">铜</th>\
</tr>\
</thead>\
<tbody>';
var nu = 0;
for (var i in rt) {
++nu;
var bg = '';
if (nu==2) {
bg = ' class="bg"';
}
tpl += '\
<tr'+bg+'>\
<td><span class="fblue">'+nu+'</span></td>\
<td class="tal"><img src="'+rt[i].OrgFlag+'"> '+rt[i].OrgTrans+rt[i].Organisation+'</td>\
<td>'+rt[i].TOT_Gold+'</td>\
<td>'+rt[i].TOT_Silver+'</td>\
<td>'+rt[i].TOT_Bronze+'</td>\
</tr>';
}
tpl += '\
</tbody>\
</table>';
document.getElementById('www960ncom').innerHTML = tpl;
}
});
</script>
</div>
本文地址：http://aq.qingshan.org.cn/zzseo/2012aoyun.html
本文标题：2012伦敦奥运奖牌榜调用代码