HTML 静态网页制作Web 金州勇士队库里库里三分王 JavaScript CSS 图片轮播时间效果注册界面等

本文链接：https://blog.csdn.net/weixin_47152832/article/details/122854485

这是一个关于金州勇士队和库里三分球成就的静态网页，包含注册界面、图片轮播、视频、新闻文章等。首页展示了库里的历史时刻，如成为历史三分王，以及球队的相关新闻，如森林狼的比赛结果。页面设计包含了时间效果、菜单导航和数据统计等元素。

摘要由CSDN通过智能技术生成

闲暇时间帮别人做的一个静态网页，关于金州勇士队，库里三分王相关的内容，其中包括注册界面，图片轮播效果，视频，表格，超链接，标题，列表，时间效果，验证码效果等等，效果如下图：并附上首页的完整代码。有需要源码的联系。

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>NBA</title>
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- start header -->
<div id="header">
	<div id="logo">
		<h1><a href="#">金州勇士队</a></h1>
		<img src="images/1.png" />
		
	</div>
	<div id="menu">
		<ul>
			<li class="active"><a href="index.html" accesskey="1" title="">首页</a></li>
			<li ><a href="index3.html" accesskey="2" title="">球员</a></li>
			<li ><a href="index1.html" accesskey="3" title="">统计</a></li>
			<li><a href="index2.html" accesskey="4" title="">视频</a></li>
			<li><a href="index4.html" accesskey="5" title="">新闻</a></li>
		</ul>
	</div>
</div>
<!-- end header -->
<div id="gallery">
	<div id="top-photo">
		<div class="imgBox">
		    <img class="img-slide img1" src="images/5.png" alt="1">
		    <img class="img-slide img2" src="images/6.png" alt="2">
		    <img class="img-slide img3" src="images/7.png" alt="3">
			<img class="img-slide img3" src="images/8.png" alt="4">
			<img class="img-slide img3" src="images/9.png" alt="5">
		</div>	
		<script src="js/new_file.js"></script>
	</div>
</div>
<br />
<!-- start page -->
<div id="page">
	<!-- start content -->
	<div id="content">
		<div class="post">
			<h1 class="title">双状元合砍47分 森林狼险胜结束五连败</h1>
			<p class="byline"><small>12月13日 | <a href="#">编辑</a></small></p>
				<img src="images/121.png" />
				<p>
					北京时间12月15日，NBA常规赛继续进行。本场比赛，篮网包括哈登在内的7名球员触发健康安全协议缺阵比赛，篮网加时131-129险胜猛龙。
					
					此役，杜兰特砍下34分13篮板11助攻大号三双，米尔斯30分，爱德华兹17分10篮板；猛龙方面，范弗里特31分9助攻，西亚卡姆25分6篮板，小特伦特25分5助攻。
				</p>
			<p class="meta"><a href="https://nbachina.qq.com/article/index.htm?articleId=20211213004157&site=nbatop&column=" class="more">了解更多</a> &nbsp;&nbsp;&nbsp; <a href="#" class="comments">评论(33)</a></p>
		</div>
		<div class="post">
			<h2 class="title">【历史时刻】库里加冕历史三分王</h2>
			<p class="byline"><small>12月15日  | <a href="#">编辑</a></small></p>
			<div class="entry">
				<p>第一节还剩10分57秒，库里干拔三分命中追平雷-阿伦纪录。历史时刻也没有过去太长时间，首节还剩7分33秒，他接维金斯传球飙进三分，正式成为历史三分王。</p>
			</div>
			<p class="meta"><a href="#" class="more">阅读更多</a> &nbsp;&nbsp;&nbsp; <a href="#" class="comments">评论 (57)</a></p>
		<p id="time"></p>
		<script src="js/new_file.js"></script>
		</div>
	</div>
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li>
				<h2>快讯</h2>
				<ul>
					<li><a href="https://china.nba.com/warriors/">双状元合砍47分 森林狼险胜结束五连败</a></li>
					<li><a href="https://china.nba.com/warriors/">库里20投18分 勇士客场不敌76人</a></li>
					<li><a href="https://china.nba.com/warriors/">曝史蒂夫-科尔将担任下一任美国男篮主帅</a></li>
					<li><a href="https://china.nba.com/warriors/">杜兰特31+6特雷-杨31+10 篮网力克老鹰</a></li>
					<li><a href="https://china.nba.com/warriors/">普森：赢家才会被承认 今年目标就是夺冠</a></li>
				</ul>
			</li>
			<li>
				<h2>数据王</h2>
				<ul>
					<li><a href="#">斯蒂芬 库里 场均26.9后卫</a></li>
					<li><a href="#">安德鲁 维金斯 场均18.4前锋</a></li>
					<li><a href="#">乔丹 普尔 场均17.9后卫</a></li>
					<li><a href="#">斯蒂芬 库里 场均26.9后卫</a></li>
					<li><a href="#">安德鲁 维金斯 场均18.4前锋</a></li>
					<li><a href="#">乔丹 普尔 场均17.9后卫</a></li>
					<li><a href="#"><img src="images/41.png"style="width: 200px;height: 100px;"></a></li>
				</ul>
			</li>
		</ul>
	</div>
	<!-- end sidebar -->
</div>
<div style="clear: both; height: 30px">&nbsp;</div>
<!-- end page -->
<div id="footer">
	<p>&copy; Designed by </p>
</div>
</body>
</html>