郑州SEO—SEO站长(阿权)

郑州seo-阿权团队网络营销服务中.....承接:网站建设、网站优化、网络推广、营销策划、商务外包等业务,咨询QQ:346363458

2012伦敦奥运奖牌榜调用代码

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.chuanci8.com/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://www.seozz.net/zzseo/2012aoyun.html

本文标题:2012伦敦奥运奖牌榜调用代码

« 上一篇 下一篇 »

发表留言:取消回复

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By 阿权站长

Copyright【豫ICP备09037741号-2】联系我们Your WebSite.给我留言 Some Rights Reserved.