2012年伦敦奥运金牌榜调用代码

<style>
*{ 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=\'#\'" //ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.min.js"></script>
<div id="metalTbody"></div>
<script type="text/javascript">
    var DATA_API = 'http://match.2012.sina.com.cn/api/Gl/medalsOrganization?app_key=fb647ad03c03ab15e9cb9bed461cbe7d&limit=3';
    jQuery.ajax(DATA_API, {
        async: true,
        dataType: 'jsonp',
        scriptCharset: 'utf-8',
        success: function (data) {
          var rt = data.result.data.medalLines;
          var tpl = '\
            <table width="100%" cellspacing="0" cellpadding="0" border="0" class="tb_01">\
              <thead>\
                <tr>\
                  <th scope="col" class="th1">名次</th>\
                  <th scope="col" class="th2">国家/地区</th>\
                  <th scope="col" class="th3">金</th>\
                  <th scope="col" class="th4">银</th>\
                  <th scope="col" class="th5">铜</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].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('metalTbody').innerHTML = tpl;
        }
    });
</script>

你可能感兴趣的:(background,td,center,伦敦奥运,金牌榜)