<!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
版权申诉
199 浏览量
2023-10-01
16:57:32
上传
评论
收藏 121KB ZIP 举报
学术菜鸟小晨
- 粉丝: 1w+
- 资源: 4931
最新资源
- cn-msdn-library-for-visual-studio-2008-service-pack-1-x86-dvd-x1
- cn-msdn-library-for-visual-studio-2008-service-pack-1-x86-dvd-x1
- cn-msdn-library-for-visual-studio-2008-service-pack-1-x86-dvd-x1
- Screenshot_20240517_181056.jpg
- Oracle中查询哪个存储过程中引用包含T-USER-INFO表语句的命令脚本
- 一个图层擦除掉多个不需要的图层
- c语言UDP传输系统源码
- 易语言驱动级进程名拦截网络
- 基于Chisel3完成基于Mips32R1指令集处理器的设计与实现
- 编程项目+ASP.NET+人事管理系统+项目实战
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈