海绵宝宝动画网页

最新推荐文章于 2025-03-06 15:11:28 发布

在努力的前端小白

最新推荐文章于 2025-03-06 15:11:28 发布

阅读量334

点赞数 2

分类专栏： html项目文章标签： html 网页设计

本文链接：https://blog.csdn.net/m0_57731044/article/details/143000521

版权

html项目专栏收录该内容

5 篇文章

订阅专栏

适合学习、作业、小白

部分代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>海绵宝宝-首页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="header">
			<div class="header-f">
				<div class="logo">
					<h3>海绵宝宝</h3>
				</div>
				<div class="nav">
					<ul>
						<li>
							<a href="index.html">首页</a>
							<!-- 二级菜单 -->
							<ul class="two">
								<li>
									<a href="list.html">精彩片段</a>
								</li>
								<li>
									<a href="ms.html">剧情简介</a>
								</li>
								<li>
									<a href="gl.html">人物简介</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="list.html">精彩片段</a>
						</li>
						<li>
							<a href="ms.html">剧情简介</a>
						</li>
						<li>
							<a href="gl.html">人物简介</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="swiper">
			<!-- 轮播图 -->
			<div id="wrap" class="wrap">
				<ul id="pic">
					<li><img src="img/ban2.jpeg" alt="" /></li>
					<li><img src="img/ban1.jpeg" alt="" /></li>
					<li><img src="img/ban3.jpeg" alt="" /></li>
				</ul>
				<ol id="list">
					<li class="on">1</li>
					<li>2</li>
					<li>3</li>
				</ol>
			</div>
		</div>
		<div class="title-three">
			<h3>动画简介</h3>
		</div>
		<div class="about">
			<div class="about-img">
				<img src="img/js.jpeg">
			</div>
			<div class="about-text">
				<p>《海绵宝宝》（SpongeBob SquarePants）是一部由史蒂芬·海伦伯格原创，舍曼·科恩、沃特·杜赫、山姆·亨德森、保罗·蒂比特、沃尔特·道恩 [21]等导演，汤姆·肯尼、比尔·法格巴克、罗杰·布帕斯等配音的美国喜剧动画，于1999年7月17日在尼克国际儿童频道开播。</p>
				<p>《海绵宝宝》的故事情节主要围绕着主角海绵宝宝和他的好朋友派大星、邻居章鱼哥、上司蟹老板等生物展开，场景设定于太平洋海底，一座被称为比基尼海滩的城市。2005年1月30日，该片荣获第32届安妮奖授予的“最佳TV动画制作”奖 [1]。</p>
				<p>这部动画除了固定描绘的卡通场景与人物之外，也会穿插一些真实的物件或人物：例如曾出演《海滩游侠》与《霹雳游侠》的大卫·哈塞尔霍夫，以本人的身份出演了几集。但海绵宝宝卡通的内容基本上与海洋知识无关，甚至夸大到完全不合乎科学与常识，例如海底生火、海底冲澡等，剧集内容也会时不时的嘲笑精致艺术和章鱼哥的劳工权益想法。</p>
			</div>
		</div>
		<div class="title-three">
			<h3>图片鉴赏</h3>
		</div>
		<div class="img-push">
			<div class="img-push-left">
				<img src="img/jd1.png" alt="">
				<p>汉堡飞船</p>
			</div>
			<div class="img-push-right">
				<ul>
					<li>
						<img src="img/jd2.png" >
						<p>虾米拳击手</p>
					</li>
					<li>
						<img src="img/jd3.png" >
						<p>混乱的一天</p>
					</li>
					<li>
						<img src="img/jd4.png" >
						<p>章鱼哥被炒鱿鱼</p>
					</li>
					<li>
						<img src="img/jd5.png" >
						<p>二傻钓蟹煲</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<p>版权所有：海绵宝宝</p>
		</div>
		<script src="js/banner.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>