<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NBA赛事直播-腾讯体育</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link type="image/x-icon" rel="icon" href="img/icon.png"/>
<!--导入我们需要的样式-->
<link rel="stylesheet/less" href="css/index.less"/>
<script src="js/less-2.5.3.min.js"></script>
<!--解决H5标签在IE低版本浏览器中不兼容的问题(条件注释)-->
<!--[if lt IE 9]>
<script src="js/html5.min.js"></script>
<![endif]-->
</head>
<body>
<!--HEADER START-->
<header class="header">
<section class="content clear">
<!--LOGO-->
<h1 class="logo">
<a href="#">腾讯体育</a>
</h1>
<!--NAV-->
<nav class="nav">
<ul class="clear">
<li><a href="#" class="bg">看比赛</a></li>
<li><a href="#">游戏·竞猜</a></li>
<li><a href="#" class="downLoad">
下载
<div class="weChat">
<img src="img/weixin.jpg" alt="看比赛APP二维码"/>
<span>扫一扫下载</span>
<span>腾讯体育APP</span>
</div>
</a></li>
<li><a href="#">会员</a></li>
<li><a href="#">社区</a></li>
<li><a href="#" class="liveQQ"><img src="img/live-qq-logo.jpg" alt="企鹅直播"></a></li>
</ul>
</nav>
<!--LOGIN-->
<a href="#" class="login">登录</a>
</section>
</header>
<!--HEADER END-->
<!--MAIN START-->
<main class="main">
<!--NAV-->
<nav class="menuNav">
<!--
在每一个A标签的HREF属性中加HASH值的目的：
点击的时候，在当前地址栏URL的末尾加上HASH值，以后页面刷新的时候，我们通过获取URL后面的HASH值，判断当前默认展示哪一个A标签(这种机制可以理解为前端路由)
在每一个A标签上增加自定义属性DATA-ID的目的:
以后在操作A标签的时候，我们可以把ID获取到，然后传递给日历模块的INIT方法，从而实现展示不同的比赛日期信息
-->
<ul>
<li><a href="#nba" data-id="100000">
NBA
<i class="arrow"></i>
</a></li>
<li><a href="#cba" data-id="100008">
CBA
<i class="arrow"></i>
</a></li>
<li><a href="#pl" data-id="8">
英超
<i class="arrow"></i>
</a></li>
<li><a href="#laliga" data-id="23">
西甲
<i class="arrow"></i>
</a></li>
<li><a href="#seriea" data-id="21">
意甲
<i class="arrow"></i>
</a></li>
<li><a href="#ucl" data-id="5">
欧冠
<i class="arrow"></i>
</a></li>
<li><a href="#bundesliga" data-id="22">
德甲
<i class="arrow"></i>
</a></li>
<li><a href="#l1" data-id="24">
法甲
<i class="arrow"></i>
</a></li>
<li><a href="#nhl" data-id="100006">
NHL
<i class="arrow"></i>
</a></li>
<li><a href="#nfl" data-id="100005">
NFL
<i class="arrow"></i>
</a></li>
<li><a href="#afc" data-id="605">
亚冠
<i class="arrow"></i>
</a></li>
<li><a href="#csl" data-id="208">
中超
<i class="arrow"></i>
</a></li>
<li><a href="#others" data-id="100002">
综合
<i class="arrow"></i>
</a></li>
<li><a href="#esports" data-id="100101">
电竞
<i class="arrow"></i>
</a></li>
<li><a href="#wcp-eu" data-id="336">
欧洲世预赛
<i class="arrow"></i>
</a></li>
<li><a href="#wcp-as" data-id="341">
亚洲世预赛
<i class="arrow"></i>
</a></li>
<li><a href="#wcp-sa" data-id="342">
南美世预赛
<i class="arrow"></i>
</a></li>
</ul>
</nav>
<section class="con">
<!--CALENDAR-->
<div class="calendar">
<a href="javascript:;" class="btn btnLeft"><i class="arrow"></i></a>
<a href="javascript:;" class="btn btnRight"><i class="arrow"></i></a>
<nav class="container">
<ul class="wrapper">
<!--<li><a href="javascript:;">
<span class="week">星期日</span>
<span class="date">01-25</span>
</a></li>-->
</ul>
</nav>
</div>
<!--MATCH-->
<div class="match"></div>
</section>
</main>
<!--MAIN END-->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/iscroll-5.1.3.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>
腾讯看比赛.zip
55 浏览量
2023-08-24
16:51:40
上传
评论
收藏 120KB ZIP 举报
腾讯看比赛.zip （15个子文件） 
ori_code js 
iscroll-5.1.3.min.js 31KB index.js 9KB ejs.min.js 17KB less-2.5.3.min.js 135KB jquery-1.11.3.min.js 94KB html5.min.js 3KB img 
live-qq-logo.jpg 4KB
kbs-logo.png 6KB weixin.jpg 8KB icon.png 2KB css index.less 8KB public.less 415B reset.less 2KB
index.html 5KB json calendar.json 39KB资源评论
