<link href="css/style.css" rel="stylesheet" type="text/css"/>
实时比分
|
联赛
|
主队
|
比分
|
客队
|
|
英超
|
利物浦
|
2:0
|
曼城
|
|
西甲
|
巴塞罗那
|
3:1
|
皇马
|
|
意甲
|
尤文图斯
|
1:0
|
国际米兰
|
新闻资讯
-
梅西将加盟巴黎圣日耳曼
-
C罗回归曼联
-
欧洲杯八强出炉
视频直播
数据分析
<script type="text/javascript">
$(function() {// 实时比分$.ajax({url: 'data.php',type: 'GET',dataType: 'json',success: function(data) {var html = '';$.each(data, function(i, item) {html += '
';html += '| ' + item.league + ' | ';html += '' + item.home + ' | ';html += '' + item.score + ' | ';html += '' + item.away + ' | ';html += '
';});$('table tbody').html(html);}});// 新闻资讯$.ajax({url: 'news.php',type: 'GET',dataType: 'json',success: function(data) {var html = '';$.each(data, function(i, item) {html += '
' + item.title + '';});$('ul').html(html);}});// 数据分析var ctx1 = $('chart-1');var ctx2 = $('chart-2');var chart1 = new Chart(ctx1, {type: 'bar',data: {labels: ['主队', '客队'],datasets: [{label: '进球数',data: [10, 5],backgroundColor: ['009933', 'FF0000']}]}});var chart2 = new Chart(ctx2, {type: 'line',data: {labels: ['0', '15', '30', '45', '60', '75', '90'],datasets: [{label: '控球率',data: [50, 55, 60, 65, 70, 75, 80],backgroundColor: '0099FF'}]}});});
</script>
