一个奥运奖牌榜的小调用 可放任意位置

其实很简单的，是从新浪上扒下来的，直接放在您需要的地方就可以了，也可以悬浮，很小的，演示看图片就明白了，可以放在网站的任何角落

1. <iframe frameborder="0" scrolling="no" src="http://2012.sina.com.cn/iframe/86/2012/0728/9.shtml" width="250" height="120"></iframe>

复制代码

这个比较小，可以随意放在网站的各个地方，之前有人放了一个整页的调用，把奖牌榜放在单独一个页面了，感觉使用不是很方便，也没有必要单独开一页。

嘿嘿不错感谢啦！
百家乐 http://www.zxhot.net

奖牌榜链接:http://promote.kaiyuan.eu/aoyun.html#num=3
num后面的数字是调用的排名数,比如num=5的话就是调用排名前5的国家,如果是num=6的话就是调用排名前6的国家
演示:http://www.kaiyuan.eu/art_3282.html
还可以用JS 直接调用,limit=后面的数字就是调用的前几名国家数

1. 
   
2. 
   
3. <style>
   
4. *{ font-size:12px; }
   
5. .tb_01 img { vertical-align:-3px; margin-right:6px; }
   
6. .tb_01 th, .tb_01 .fblue { color:#39b9e6; }
   
7. .tb_01 td { background:#fff; height:21px; line-height:21px; text-align:center; color:#999 }
   
8. .tb_01 tr.bg td { background:#f7fbfd; }
   
9. .tb_01 td.tal { text-align:left; padding-left:12px;}
   
10. </style>
    
11. <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.min.js"></script>
    
12. <div id="metalTbody"></div>
    
13. <script type="text/javascript">
    
14.     var DATA_API = 'http://match.2012.sina.com.cn/api/Gl/medalsOrganization?app_key=fb647ad03c03ab15e9cb9bed461cbe7d&limit=3';
    
15.     jQuery.ajax(DATA_API, {
    
16.         async: true,
    
17.         dataType: 'jsonp',
    
18.         scriptCharset: 'utf-8',
    
19.         success: function (data) {
    
20.           var rt = data.result.data.medalLines;
    
21.           var tpl = '\
    
22.             <table width="100%" cellspacing="0" cellpadding="0" border="0" class="tb_01">\
    
23.               <thead>\
    
24.                 <tr>\
    
25.                   <th scope="col" class="th1">名次</th>\
    
26.                   <th scope="col" class="th2">国家/地区</th>\
    
27.                   <th scope="col" class="th3">金</th>\
    
28.                   <th scope="col" class="th4">银</th>\
    
29.                   <th scope="col" class="th5">铜</th>\
    
30.                 </tr>\
    
31.               </thead>\
    
32.               <tbody>';
    
33.           var nu = 0;
    
34.           for (var i in rt) {
    
35.             ++nu;
    
36.             var bg = '';
    
37.             if (nu==2) {
    
38.               bg = ' class="bg"';
    
39.             }
    
40.             tpl += '\
    
41.             <tr'+bg+'>\
    
42.               <td><span class="fblue">'+nu+'</span></td>\
    
43.               <td class="tal"><img src="'+rt[i].OrgFlag+'"> '+rt[i].OrgTrans+rt[i].Organisation+'</td>\
    
44.               <td>'+rt[i].TOT_Gold+'</td>\
    
45.               <td>'+rt[i].TOT_Silver+'</td>\
    
46.               <td>'+rt[i].TOT_Bronze+'</td>\
    
47.             </tr>';
    
48.           }
    
49.           tpl += '\
    
50.         </tbody>\
    
51.       </table>';
    
52.           document.getElementById('metalTbody').innerHTML = tpl;
    
53.         }
    
54.     });
    
55. </script>

复制代码

我是放在右下角，作为站长推荐的，每次会员打开论坛，就会出现，奥运期间很实用啊

俺也放在右下角了，多谢楼主分享
http://www.ym942.com/

感谢楼主分享，支持一下

给有需要的人